This problem is driving me crazy!
I have been browsing my site using IE 10, just to see how it looks. Every time I click from one page to another, the body background image appears and disappears very quickly, as if it has to re-download for every page.
Browsing the Web, I discovered that this is a common problem. Apparently, IE doesn't cache background images properly or something. I found a variety of "fixes". I tried them all and none of them have worked, including these three:
<img src="images/dark-texture.jpg" style="display:none" />
<META http-equiv="Page-Enter" content="blendTrans(Duration=0.1)">
<META http-equiv="Page-Exit" content="blendTrans(Duration=0.1)">
<!--[if IE]>
<meta http-equiv="Page-Enter" content="blendTrans(duration=0)" />
<meta http-equiv="Page-Exit" content="blendTrans(duration=0)" />
<![endif]-->
Do you guys know how to fix this problem?
My body CSS styling looks like this:
body {
font-family: Verdana, Helvetica, FreeSans, Sans-serif;
font-size: 100%;
padding: 0;
margin: 0;
background-image: url(images/dark-texture.jpg);
}
My website is Self Help Videos.