溢出:隐藏在Google Chrome中无法正常工作

时间:2011-01-18 17:29:19

标签: css google-chrome overflow hidden

我遇到了“overflow:hidden”CSS属性的问题。

在Firefox,IE8和Safari 5中,当我将此属性应用于我的内容顶部用于包含广告横幅(如adsense排行榜或闪存)的div时,Chrome窗口仍然会出现一些重叠调整大小足以让它们发生碰撞。

在Firefox和IE8中,它按预期工作,一切都完全隐藏在右侧边栏后面。在Chrome中,实际内容会被隐藏,但会被白色背景替换,但仍会重叠并阻挡侧边栏。

我已链接到屏幕截图,显示问题的样子。我能做些什么来解决这个问题吗?!

Screenshot http://tinypic.com/r/259cs95/7

2 个答案:

答案 0 :(得分:4)

我在chrome中遇到了以下css的问题。它完全不起作用。

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
}

现在,我将上面的CSS更改为

div.hidden {
    margin:0px 0px 10px 0px;
    overflow-y:hidden;
    position:relative;
}

对我来说很好。

答案 1 :(得分:0)

您的css或布局可能存在一些问题。

您可以通过将侧边栏上的z-index更改为大于广告的z-index来回避此问题,这将导致它无论如何都会在添加上方呈现。确保为位置定义一些值。