Question

当你在屏幕底层右侧播下文字时,我试图树立形象。我怎么能把它降掉到所有屏幕上。

Answer 1

这一工作:

<style type="text/css">
    img.floating {
    position: absolute;
    bottom: 0px;
    left: 0px;
}
</style>
<img class="floating" src="url to image" />

Answer 2

您可在图像上固定位置,并分配左、顶、右或底层特性,以适应你们的需要,见:。例如

Answer 3

:hover doesn t work for IE6 unless it s being used on a link. Use this.

<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" />

Answer 4

• 为案文中: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">

友情链接