IE6、IE7、IE8中overflow:hidden无效问题

在做图片无缝滚动效果时遇到了这个兼容问题

div宽1000px高250px超出隐藏. 但在Firefox中正常,超出部分隐藏,但是在IE6、IE7、IE8、Sogou高速下都显示了出来.
做了这么多年的前端了,第一次发现在这样的问题。实在头疼。一开始单独拿出这段代码发现没有问题,认为是上下影响导致的,但不是,几经波折,发现是设定overflow:hidden层里有定位标签的问题。最后终于搞定。

解决方案:

只需要在设定overflow:hidden层加入定位即可。如在 .album .thumb ul中加入{position:relative;left:0px;top:0px;}即可

posted @ 2015-06-10 11:52  WebApi  阅读(392)  评论(0编辑  收藏  举报
CopyRight © 博客园 WebAPI