Question

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;
}
Was it helpful?

Solution

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)
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top