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

时间:2014-01-04 10:08:00

标签: css google-chrome background-attachment

我的代码中存在一个Google Chrome错误,IE& Firefox浏览器。
地址是:chashnik
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;
}

1 个答案:

答案 0 :(得分:0)

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

  • 用不使用3D变换的东西替换旋转木马,或者
  • 暂时停止旋转木马(用户在其下方滚动)或完全停止(我建议这样做,考虑两者都有多烦恼)