画面の右下にあるテキストの上にカーソルを合わせると、画像が表示されるようにしようとしています。すべての画面の幅と高さに対してどうすればそれを下に置くことができますか?
質問する
577 次
4 に答える
3
画像上で固定位置を使用し、ニーズに合わせて左、上、右、または下の属性を割り当てることができます。例については、http ://www.w3schools.com/css/css_positioning.aspを参照してください。
于 2012-04-16T21:11:53.310 に答える
1
これはうまくいくでしょう:
<style type="text/css">
img.floating {
position: absolute;
bottom: 0px;
left: 0px;
}
</style>
<img class="floating" src="url to image" />
于 2012-04-16T21:14:02.147 に答える
1
:hover
リンクで使用されていない限り、IE6 では機能しません。これを使って。
<style type="text/css">
#myFavoriteFooterImage {
bottom:0px;
right:0px;
position:fixed;
display:none;
}
</style>
<script type="javascript">
document.getElementById("mousyTextFunTime").onmouseover = function(){
document.getElementById("myFavoriteFooterImage").style.display = "";
};
document.getElementById("mousyTextFunTime").onmouseout = function(){
document.getElementById("myFavoriteFooterImage").style.display = "none";
};
</script>
<div id="mousyTextFunTime">Text to mouse over</div>
<img id="myFavoriteFooterImage" />
于 2012-04-16T21:19:31.550 に答える
0
テキストの :hover の CSS スタイルを作成します。
<style type="text/css">
#bottom { display:none; }
#text:hover #bottom {
display:block;
position:absolute;
left:0; // how far from the left
bottom:0;
}
</style>
<div id="text>TEXT</div>
<img src="bottomimage.jpg" id="bottom">
于 2012-04-16T21:16:41.583 に答える