CSS 修复了谷歌浏览器中的背景附件闪烁

Question

我的代码中有一个谷歌浏览器错误，IE和Firefox中没有。
地址是 ： 恰什尼克
DIV 类".health"具有具有固定附件属性的背景图像。
在谷歌浏览器中，此图像反复闪烁，从未停止。
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;
}

Answer 1

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

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