Chrome上的CSS定位问题

时间:2014-11-25 01:06:43

标签: css css3 css-position

在下面的给定网站中,我有一个带有CSS定位fixed的侧边栏菜单。但是,当我滚动时,菜单似乎落后了。这种行为似乎在其下方的图像中重复出现。

我已经在IE上测试了该网站,所有内容都按预期工作。我感觉它是菜单背后的嵌入对象导致问题 - 但CSS fixed定位应该有效吗?寻找有关此问题的建议或解决方法。

我在Windows 7旗舰版N x64上使用Chrome 39.0.2171.65

Image of behavior

SITE LOCATION

1 个答案:

答案 0 :(得分:0)

好的,所以问题在于您的对象,但确切的问题 - 使用css规则" z-index:-1"

我在开发者工具中进行了以下更改

1)将您的对象放在所有网站内容之后

2)添加到你的对象css left:0和 z-index:0

3)添加到块.left和.wrapper样式 - 位置:relative和z-index:1

在此更改后 - 我的Chrome浏览器看起来很不错。希望它有所帮助