CSS固定背景附件在谷歌浏览器中闪烁答案

【问题标题】：CSS fixed background-attachment blinks in google chromeCSS固定背景附件在谷歌浏览器中闪烁
【发布时间】：2014-01-22 01:28:07
【问题描述】：

我的代码中有一个 Google chrome 错误，IE 和 Firefox 中没有。
地址是：chashnik
DIV 类“.health”具有固定附件属性的背景图像。
在 Google chrome 中，此图像反复闪烁且从未停止。
Firefox 和 IE 没有任何问题。
CSS 代码：

.health {
    float: left;
    height: 930px;
    width: 400px;
    position: relative;
    background-attachment:fixed !important;
    background-image: url(../images/pattern/back-healt.jpg);
    background-position: center center;
    background-repeat: repeat;
}

【问题讨论】：

我找不到任何奇怪的东西，我的 chrome 版本 31.0.1650.63 m
@PrasanthKC 向下切换并查看左侧
@Mr.Alien 是花椰菜和番茄的bg吗，如果是这样对我来说没有什么不寻常的，它很好用
为我闪烁.. 虽然我没有解决，因为它是 chrome...
@PrasanthKC 我有相同版本的 chrome，它的闪烁清晰。

标签： css google-chrome background-attachment

【解决方案1】：

页面顶部的轮播使用 Chrome 中的硬件加速。每次更改幻灯片时，硬件都会启动并稍微改变页面呈现方式（包括弄乱任何fixed）

要么用不使用 3D 变换的东西替换轮播，要么
您停止轮播，暂时（在用户滚动到它下方之后）或完全（我建议这样做，考虑到这两个都很烦人）

【讨论】：