怎样实现网页图层相对定位

  想把一个logo图标放到网页的左上角,而且要求该图标与其下方的网页背景图片的位置是固定的。一开始使用的是图层绝对定位,后来调整显示器的分辨率发现图标与网页背景图片产生错位,没有达到自己想要的效果。看来必须得采用图层相对定位。在网上查找,有很多解决办法,多是长篇大论,有的代码甚至几百行。无意中搜索到这样一个代码,略微改动和测试,现搬上来:
  该代码只要修改第一个 div 的 top: 属性,和第二个 div 的 left: 属性,就可以达到图层相对定位。

<td>  
<div id=”logon1″ style=”z-index: 1;position: absolute;top: 100px”>    
<div id=”Layer2″ style=”position: absolute;z-index: 2; left: 50px”>此处放你的图片或文字等…</div></div>  
</td>

© 本文由黑河街原创,转载必须保持文章的完整性及保留本链接。
原始链接:http://www.heihe.cc/blog/20080529430.html

4 条评论

  1. 活龙:

    越来越精了。

    2008年5月29日 21:24:07
  2. admin:

    过奖了,感觉这段代码很实用。

    2008年5月29日 22:05:18
  3. 黑鱼:

    胡扯的,试了,没用,绝对定位用left,top,相对定位用:margin-top,margin-left才是对的!

    2009年12月30日 18:29:53
  4. admin:

    to 黑鱼:我的黑河街就是用的这段代码,你可以查看下源代码。

    2010年1月9日 08:00:40

留下评论