ie里面的css属性里overflow 不隐藏

来源：互联网发布：unix内核源码剖析编辑：程序博客网时间：2024/04/27 20:09

今天做项目，项目中要用到一个图片轮播，可是这个图片轮播呢？老是弄不进去，弄进去也是ie里面不正常，Firefox、也不正常，实在没办法了，自己看源码看能不能写出来，原来啊，里面有个问题，css里面有个overflow：hidden在ie里面老是起不到作用，难怪啊

在百度搜了一把，解决方案如下

产生原因：

当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时，父元素的overflow:hidden属性就会失效。

解决办法：

我们在IE 6内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。
解决这个bug很简单，在父元素中使用position:relative;即可解决该bug

ie7和ie6

发现在ie6和ie7里面overflow:hidden无效,还是会超出外层div

后来在外层div上面加上position:relative就解决了

暂时加*号hack掉吧,有时间再研究一下到底是什么原因导致的问题

好了，问题都说了，下面来看我解决我的实例吧。

ie6 ie7 ie8都有问题的解决办法。

感谢：http://www.111cn.net/cssdiv/163/42133.htm

0 0