CODEWITHSUNDEEP
cssgoogle-chromebackgroundbackground-image
Richard
Richard

Reputation: 909

Background Image appears to be "flickering" in Chrome (I don't want it to)

If you look at http://www.disk-edits.com.au/index.php in Chrome (vs Firefox for example), the background appears to be shimmering/flickering/fuzzy. The image appears to move from side to side.
Whatever you want to call it, it hurts my eyes.

I want the background image to not do this. I cannot figure out why it appears this way in Chrome and not in firefox.

Here is the css:

body{
    background-color:#000;
    background-image:url(../images/bg.png);
    font-family:"Courier New", Courier, monospace;
}

Obviously the only relevant line is background-image:url(../images/bg.png);.

Any ideas? Thanks

Upvotes: 1

Views: 3946

Answers (2)

arnopeck
arnopeck

Reputation: 319

I think it is a Chrome related problem, I see now flickering in many sites, on slideshows, rollover, and other elements on the page. It is like Chrome put a white background for an istant on the element that is refreshed by some css/js...

Here a link: http://code.google.com/p/chromium/issues/detail?id=102706

Upvotes: 1

CodeOverload
CodeOverload

Reputation: 48515

It's the way you exported the image. There is an option that specifies how you want the image to load whether it starts blurry then goes sharp or load from the top to the bottom.

What you have in the website is called an Interlace Effect, I think you're looking for a Serial Effect.

No matter what, I have a good connection and the image slowly loads. Your server can contribute to the problem too if it's slow.

Upvotes: 2

Related Questions