• 締切済み

JS onmouseoverについて

お世話になっております。 お忙しいところ申し訳ありません onmouseoverでテキストリンクから 画像を表示させているのですが onmouseで出た画像の場所に <select>で表示したセレクターがあり 画像が隠れてしまいます どちら様か画像を一番上に持ってくる 方法を教えていただけないでしょうか? 仕様 WIN XP IE SP2 NNで見ると表示されます。 文章が下手で申し訳ありません かいつまんだソースをのせます <!-- function msg() { document.all.aaa.innerHTML ='<table width=200 cellspacing=0 cellpadding=0 border=1><tr><td>bbb</td></tr></table>'; } //--> </script> <div id="aaa" STYLE="position:absolute;"></div> <a onmouseover="msg()" HREF="###">1111</a> <select name="ggg"> <option VALUE="" SELECTED>xxx</option> <option VALUE="">yyy</option> </select> です。 bbbを見えるようにしたいのです よろしくおねがいします

みんなの回答

  • m035
  • ベストアンサー率44% (38/86)
回答No.2

>positionで絶対位置を指定するしかないのでしょうか? <div id="aaa" style="position:relative;left:適切なpx値;"></div> のようにposition:relative;をstyleに指定することによって、 相対位置(参考URL参照)で座標を指定することが出来ます。 絶対値より柔軟な表示が出来ると思います。

参考URL:
http://www.htmq.com/style/position.shtml
itupyon
質問者

お礼

お礼送れてもうしわけありません。 ありがとうございました。

すると、全ての回答が全文表示されます。
  • m035
  • ベストアンサー率44% (38/86)
回答No.1

<div id="aaa" style="position:relative;left:適切なpx値;"></div> で重ならない位置に表示するか、 <div id="aaa" style="position:absolute;z-index:2;"></div> <select name="ggg" style="z-index:1;"> とする。 z-indexについては参考URLを見てください。

参考URL:
http://www.htmq.com/style/z-index.shtml
itupyon
質問者

お礼

ありがとうございます。 早速試してみようと思います。

itupyon
質問者

補足

お忙しいところすいません。 z-indexは試してみてたのですが やはりできません。 となると positionで絶対位置を指定するしかないのでしょうか? 返答おくれましてすいませんです

すると、全ての回答が全文表示されます。

関連するQ&A