我的背景图片在 chrome 中已损坏答案

【问题标题】：My background image is being corrupted in chrome我的背景图片在 chrome 中已损坏
【发布时间】：2013-06-14 05:16:50
【问题描述】：

在华硕 UX31 系列笔记本电脑上使用 Chrome 27 和 win 7（也在 mac book pro 上尝试过）。我访问了我的页面，http://ezimerchant.com/dev。向下滚动并再次向上滚动。然后我可以看到：http://www.bounceapp.com/99549。请注意，轮播上的背景图像丢失了一半。

注意：你们中的一些人可能看不到这个问题，可能是因为你的显卡比我的好？

我的尝试

将transform:none; -webkit-transform:none 设置为#carousel-container 元素，该元素具有背景容器。同样的问题。
将translateZ(0) translate3d(0,0,0) 添加到#carousel-container。同样的问题。
对#carousel-container *, #carousel-container进行上述操作。同样的问题。

还有其他人对我能做什么有一些想法吗？我在假设背景图像需要成为渲染管道的一部分以确保它不会损坏 - 因为转换发生在绝对位于背景之上的图像（单词和 ipad）上。

想法？谢谢。

【问题讨论】：

bounceapp.com/99550
您说的很对 - 我在 FF21 或 Google Chrome 29.0.1535.3 中看不到问题。这看起来是一个特定于硬件的问题 - 您在多少台机器上尝试过？
如果你重置这个属性，它会得到修复：#carousel-container{ background-position: center top !important; }
@vals “重置”是什么意思。我尝试应用它，然后打开和关闭它，但问题仍然存在。

标签： css google-chrome transform

【解决方案1】：

尝试改变这个：

.carousel .item {
height: 550px;
position: relative;
}

到这里：

.carousel .item {
height: 550px;
}

我希望这会有所帮助！

【讨论】：

这很有趣，它并不能解决问题 - 但是 - 如果我将位置从相对于其他位置更改然后再返回，它看起来不错。直到另一个卷轴然后它又死了。这看起来是强制刷新的好方法。