谷歌Chrome浏览器渲染问题，位置：固定

我一直在开发一个网站，我根本没有任何问题。我现在正在不同的个人电脑上测试它，并且在谷歌浏览器中渲染中断时出现问题。个人电脑的所有版本都是21.0.1180.89版本的chrome。在某些电脑的页面上完美呈现，并且在其他页面上，位置：固定属性完全被忽略，页面标题在滚动时消失。在使用chomr开发人员工具检查元素时，它说元素在那里，但元素不可见。这并不是z-index的问题，因为我把它设置得很高并且没有解决它。谷歌Chrome浏览器渲染问题，位置：固定

我从哪里开始寻找这个问题的原因？这是一个CSS问题或浏览器的问题？

在此先感谢

编辑：

，可知该溶液。我在文档的body元素上设置了不透明度：0.99，试图解决Mac上字体显示不正确的问题。这应该是一个有效的CSS属性？但是，似乎在某些浏览器上这会导致页面错误地重新渲染。

来源

2012-09-21 Steve

链接到您的页面，以便我们也可以调试，也许？ – Daedalus

将小于1的不透明度值指定给定位元素将隐式创建堆叠上下文。见http://www.w3.org/TR/css3-color/#transparency的最后一段。你也可以阅读这个https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context。 – Ana

如果您自己找到了解决方案，然后将其放在答案部分并接受它。所以只有问题会接近。 – krish

找到了解决方案。我在文档的body元素上设置了不透明度：0.99，试图解决Mac上字体显示不正确的问题。这应该是一个有效的CSS属性？但是，似乎在某些浏览器上这会导致页面错误地重新渲染。

来源

2012-09-24 17:34:26 Steve

我也有这个问题，在我的情况下，他们是在我的背景后面的白色框，我尝试了你的修复，在整个背景变成白色之后... – SaurabhLP

谷歌Chrome浏览器渲染问题，位置：固定

回答

相关问题