当前位置:首页 > 转自点点  >> IE7下 z-index和 inline-block问题bug
25日

IE7下 z-index和 inline-block问题bug

作者:皇家元林 时间:2011年08月25日 围观者: 182 人 【0条评论】

我最近帮我一朋友做了一个企业网站,用了CSS版的二级导航之后,发现IE7出现一个问题,当鼠标放上去,二级导航跑到下面的DIV后面去了,IE8及其以上版本正常。后来我百度了一下,找到了解决方法,说是什么IE7下Z-index跟DOM的问题,反正我也不懂,不过很容易解决。二级导航是需要position:relative和position:absolute两个属性的DIV决定的,所以在position:relative所在的DIV上加上z-index:9999;就搞定了!
但是在我的公司网站上又出现一种情况,也是在IE7下,当鼠标经过产品的时候,扩展的部分还是躲在下面的产品后面,并且用上面的方法也不行。。。气煞我也!
后来用JQ+css的方法搞定了此BUG:

就OK了。。
如果出现inline-block的bug,可以在元素样式最后加 "zoom:1; *display: inline; _height: 30px;"高度根据需要自己设定。
此方法转自http://www.douban.com/note/68682691/

标签:, , ,

Leave a Reply



4604