我的背景图片在chrome中被破坏了

时间:2013-06-14 05:16:50

标签: css3 google-chrome transform

将Chrome 27与win 7和华硕UX31系列笔记本电脑一起使用(并在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)。

思考? 感谢。

1 个答案:

答案 0 :(得分:0)

尝试更改此内容:

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

对此:

.carousel .item {
height: 550px;
}

我希望这有帮助!