css ie6、ie7、ie8中overflow:hidden无效解决办法
2013-06-20 17:46
489 查看
产生原因:
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决办法:
我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug
ie7和ie6
发现在ie6和ie7里面overflow:hidden无效,还是会超出外层div
后来在外层div上面加上position:relative就解决了
暂时加*号hack掉吧
当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。
解决办法:
我们在IE 6内发现子元素会超出父元素设定的高度,即使父元素设置了overflow:hidden。
解决这个bug很简单,在父元素中使用position:relative;即可解决该bug
ie7和ie6
发现在ie6和ie7里面overflow:hidden无效,还是会超出外层div
后来在外层div上面加上position:relative就解决了
暂时加*号hack掉吧
相关文章推荐
- CSS中overflow:hidden在ie6、ie7无效不能隐藏解决办法
- safari中overflow:hidden对CSS模糊滤镜溢出隐藏无效解决办法
- IE6下 Bug overflow:hidden无效解决办法
- IE6、IE7、IE8中overflow:hidden无效问题
- CSS在IE6、IE7、IE8和FF下的不同表现 兼容解决办法!
- eWebEditor在IE8,IE7下所有按钮无效之解决办法
- 解决IE6、IE7、IE8、Firefox的CSS兼容性问题
- 常用的ie6,ie7,ie8 css bug兼容性解决
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- IE6 IE7 IE8 css bug兼容性解决方法总结归纳
- DIV+CSS解决IE6,IE7,IE8,FF兼容…
- ie8 body overflow hidden 无效的解决方法
- JavaScript 在ie6 ie7 ie8和Firefox下bug兼容解决记录(包含部分CSS )
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- 2013年ie6,ie7,ie8 css bug兼容解决方法集合
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- eWebEditor在IE8,IE7下所有按钮无效之解决办法
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- DIV+CSS解决IE6,IE7,IE8,FF兼容问题
- ie6,ie7,ie8 css bug兼容解决记录