CSS fixed background-attachment blinks in google chrome

765 views Asked by At

There is a Google chrome bug with my code that there isn't in IE & Firefox.
The Address is : chashnik
The DIV class '.health' has a background image with fixed attachment property.
In Google chrome this images blinks repeatedly and never stopped.
There isn't any problem with Firefox & IE.
CSS Code:

.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

There are 1 answers

0
fregante On BEST ANSWER

The carousel at the top of your page uses hardware acceleration in Chrome. Every time it changes the slide, the HW kicks in and it changes the way the page renders, slightly (including messing up anything that is fixed)

  • Either you replace the carousel with something that doesn't make use of 3D transforms, or
  • You stop the carousel, temporarily (after the user scrolls below it) or completely (which I suggest doing, considering how annoying both of them are)