IE6中absolute定位的对象消失了!

今天做一个页面时,遇到需要定位为absolute的层,当然首先想到的是将父对象设置为relative,在火狐中查看页面是没有问题的,可是打开IE6查看页面,结果怎么也找不到那个absolute的层!

真是郁闷,这个极少遇到的情况都被我遇上了!。。
我首先想到的把absolute层的top和left去除,刷新页面,在IE6中还是看不到,这样可以判定,和top、left无关。

其实这应该算是IE6的一个BUG吧!absolute层没有占位,因此我们可以在absolute层的外面加一个div,如下:
<div style="position:relative;">
  <div>
    <div style="position:absolute;">absolute层</div>
  </div>
  <div>左边的层!</div>
  <div>右边的层!</div>
</div> 像上面这样,加上一个div之后,就可以正确的显示出来了。

posted @ 2011-03-30 14:15  neve  阅读(2615)  评论(0编辑  收藏  举报