background image flickers when going to a new page

i was at a potential client site today and

he complained to me about
the background image flickering
on one of my portfolio sites (with Squirrel Theme

although it was very visible on his desktop monitor
i was unable to detect it with my laptop

what do you recommend to eliminate this flicker of the background image when changing from one page to a different page or even hitting the Refresh button

 

Hello,

Do let us know your website link.

 

i sent by email to [email protected]

 

Hello,
We have checked your website and seems that you are using too large image for image background that's why this issue is occurring.
You should use thin strip of that image and upload it.
Note: Use Photoshop to do that.

 

thanks, I'll try this.

NOTE: It is only noticeable on Internet Explorer!

Neither I nor my client could detect it on Firefox or Chrome.

BUT he still wants its fixed.

 

how i have reduced it to less than 182KB - reduced from the original by a factor of almost 8!
BUT it still flickers on Internet Explorer
(and no flicker on Firefox or Chrome)

 

Hello,
We have checked your website again in IE and still we are unable to find the issue and also you have not changed the size of background image yet. So please cut the thin strip of that background image with the help of Photoshop tool or any other image editor tool and upload it. And do let us know the Version of Internet Explorer in which the issue occur.

 

hi here,

the internet explorer is Version IE 10

the background image is at 182K

here is a link to a short video to show the background flicker
http://screencast-o-matic.com/watch/cI10FwVxLk

 

i should say it is inconsistent as in the video
even the different pages do not flicker all the time

 

Hello,

Firstly,

Go to Appearance > Theme Option > General Settings > Body Background Image
and remove background image from there.
Now,
Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

html, body {
background: url(http://coastrenovationsanddesigns.com/wp-content/uploads/2013/06/marble-flipped-BIG2-square-182KB.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

 

hi there ,

I made changes as suggested but still suffering flicker on IE 10 (see short video below)
http://goo.gl/s8qlF

 

Hello,

Please provide the following information listed below.

Thread Link:
Your Website URL:
WordPress Username:
WordPress Password:

Send this information on our email at [email protected]
We will check your issue.