ありがとうございます。 最初の質問内容ではまずかったのですね。申し訳ないです。 今回ご回答頂きましたスタイルシートへ 差し替えてみましたが、上手くいきませんでした…。 positionや.box1 ulの使い方でどうにかできないかと また試行錯誤してみたいと思います。 度々恐れ入りますが他にアイディアあればよろしくお願い致します。

ご丁寧にありがとうございます。 添付されております画像のように前面に表示させたいです！ 全部のっけると余計にややこしくなるんじゃないかと思って 「overflow: scroll」をしているボックスより前面に表示させたいと 質問いたしましたが、より詳しくやりたい事を書きますと下記のようなソースなります。 テキストにマウスをのっけると画像が表示されるのですが、 box1内の表示となってしまい、ボックスを大きくするか 画像を小さくしないと画像全部が見れませんでした。 それでbox1の大きさにかかわらず画像を最前面に 表示させることができれば良いなと思っておりました。 下記のようになるとまた状況が変わりますでしょうか・・・。 中途半端な知識しかなくて、まだおかしなところがあるかもしれませんが、 もしお分かりになれば教えていただけると助かります。 よろしくお願い致します。 ------------------------------ <STYLE type="text/css"> <!-- .box1 { overflow: scroll; width: 600px; height: 100px; border:1px solid #000000; } ul{ font-size: 80%; margin:0px; padding:0px; text-align:left; } .thumbnail{ position: relative; } .thumbnail span{ position: absolute; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; } .thumbnail span img{ border-width: 0; padding: 2px; width:300px; height:200px; } .thumbnail:hover span{ visibility: visible; top: 0; left: 300px; } --> </STYLE> <div class="box1"> <ul> <li><a class="thumbnail" href="">あいうえおあいうえおあいうえおあいうえおあいうえお<span><img src=""></span></a></li> <li><a class="thumbnail" href="">かきくけこかきくけこかきくけこかきくけこかきくけこ<span><img src=""></span></a></li> <li><a class="thumbnail" href="">さしすせそさしすせそさしすせそさしすせそさしすせそ<span><img src=""></span></a></li> </ul> </div>

ありがとうございます。 positionの使い方が良くわかっていなく、今回ご指摘頂きわかってきたような 気がします。 positionを修正し、z-indexも組み合わせてみましたが出来ませんでした。 そもそもoverflow:scrollは入りきらない部分をスクロールで表示させる というもなのに、入りきらない一部だけを前面に表示させたいという 矛盾した内容にはなっているので出来ないんじゃないかと思い始めてきました・・・。 他にアイディアあればよろしくお願い致します。

ありがとうございます。 z-indexはこれをきっかけにやってみましたが、 どうも上手くいきませんでした。 やり方でしょうか・・・。