码迷,mamicode.com
首页 > 其他好文 > 详细

IE6下面 position:absolute 失效导致绝对定位层不显示的原因

时间:2014-09-22 20:03:53      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:io   os   使用   ar   div   sp   on   c   ef   

在网上看到的,最近遇到好几次,总结就是

当你发现某元素在IE6,7下面无法显示的时候,且这个元素是经过position absolute的,加之前后之类的有浮动,你就要考虑一下兄弟元素,有时候是前面,有时候是后面,加一个<div class="clearboth"></div>

今天早上重构一个机票订购页面的时候,为了配合JS特效所以需要写一个绝对定位浮动层,写完在测试的时候发现,在FF、ie8、ie7、op下都可以正常显示,可是到了IE6的时候,这个绝对定位浮动层却无法显示,把CSS中“position:absolute”去掉后就可以显示出来,这是何原因呢?

 

经过baidu、goole折腾研究了半天后终于找到了原因,原来是这个绝对定位浮动层旁边紧邻的那个div层是个使用“float:left”左浮动,而导致这个绝对定位浮动层在IE6下无法显示,解决办法就是在这个绝对定位浮动层前面插入一个清除浮动的层。

 

总结:在IE6下面 position:absolute的绝对定位层前面紧邻的那个层如果有用到“float” css浮动属性会导致这个绝对定位层无法显示。

IE6下面 position:absolute 失效导致绝对定位层不显示的原因

标签:io   os   使用   ar   div   sp   on   c   ef   

原文地址:http://www.cnblogs.com/qianduanlover/p/3986335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!