具有固定背景和固定位置元素的Chrome问题

问题描述投票：34回答：8

我已经有一段时间了，这似乎是Chrome重绘错误，尚未修复。因此，我正在寻找任何权宜之计。

主要问题是页面上的元素具有使用以下内容的背景图像时：

background-attachment: fixed;

如果固定了另一个元素并具有子视频元素，它将导致带有背景图像的元素消失。

现在，它可以在Safari（以及Firefox和IE）中正常工作，因此，这不完全是webkit的问题。我已经应用了一些没有用的建议属性。

-webkit-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);

当前，我的解决方案是通过媒体查询以具有固定bg图像的元素为目标，并关闭固定的background属性。

@media screen and (-webkit-min-device-pixel-ratio:0) {
background-attachment: scroll;
}

~~任何想法？~~

更新

~~[Working Demo感谢Daniel。~~

更新2

我已经有一段时间了，这似乎是Chrome重绘错误，尚未修复。因此，我正在寻找任何权宜之计。主要问题是页面上的元素具有...

css

google-chrome

webkit

fixed

background-attachment

8个回答

8
投票

34
投票

fixed

2
投票

1
投票

0
投票