XHTML & IE6 溢出：隐藏问题

Question

我怎样才能让这个 CSS 声明在 IE6 中工作？

#mask{width:725px;height:495px;margin:0;border:0;padding:0;overflow:hidden;}

问题在于，比 725px 大得多且正好是 495px（很像水平滚动的东西）的内容在 IE6 中没有隐藏。

编辑：
1.隐藏div的背景图片显示。
2.我也在用Twin-Helix PNG Fix 2.0 Alpha。

谢谢。

Answer 1

这是因为您的 #mask 容器中有相对定位的元素。

这是由于在 Internet Explorer 6 和 7 中应用了overflow: hidden 的父元素没有正确剪切和隐藏相对定位的子元素的错误。同样的问题also exists for overflow: auto 毫无疑问overflow: scroll 也是如此。

可以修复by also applying position: relative to the element you are setting the overflow on。