search

Codeinwp / Nivo-Slider-jQuery

Nivo Slider - The Most Awesome jQuery Image Slider
http://docs.themeisle.com/article/485-getting-started-with-the-nivo-slider-jquery-plugin
MIT License
1.25k stars 605 forks source link

ie8 page background disappears on refresh #194

Open cynthiakeister opened 13 years ago

cynthiakeister commented 13 years ago

Hello and thank you for the great slider script. It looks like for some reason after i added this script to my site, the page background disappears on refresh in ie8. I have no idea why it would do this since the page background has nothing to do with the slider and uses separate style sheets. Any idea's?

cynthiakeister commented 13 years ago

To see an example of what i'm talking about...go to http://www.sbes.vt.edu/ in ie8 and refresh the page.

Anima-t3d commented 13 years ago

Hi your code is not valid, I'd recommend to first clean up your code and see if the issue still persists? The background disappearing: you are referring to the red gold silver repeated background image? But as you said as far as I see there is no direct relationship between the slider and the issue. Perhaps you did other stuff after adding the slider which causes the issue? In any case valid code will minimize the chance on bugs.

cynthiakeister commented 13 years ago

Thank you for your reply. I tested the demo that was downloaded with the nivo slider. It looks like the same thing happens with the demo in ie8. So it must be something in the script since the demo has none of the code from my site, only the slider code. Is there any fix for this? Thank you for your help!

http://www.dev3.ictas.vt.edu/nivo-slider/demo/demo.html

Cynthia Keister

On 6/10/11 5:40 PM, "Anima-t3d" reply@reply.github.com wrote:

Hi your code is not valid, I'd recommend to first clean up your code and see if the issue still persists? The background disappearing: you are referring to the red gold silver repeated background image? But as you said as far as I see there is no direct relationship between the slider and the issue. Perhaps you did other stuff after adding the slider which causes the issue? In any case valid code will minimize the chance on bugs.

Reply to this email directly or view it on GitHub: https://github.com/gilbitron/Nivo-Slider/issues/194#issuecomment-1345204

Anima-t3d commented 13 years ago

I used IETester to test in IE8 and IE7, the issue only seems to persist in IE8. I googled it and it seems to be an IE8 issue. I noticed the issue is caused as soon as jQuery is loaded (even when the slider code is not included) Occurrence: whenever you refresh, switch between tabs fast, load the same page Fix: resizing the window, run in any other browser but IE8

Suggested fixes: -giving a minimum height -giving a width -putting position:relative; -Some say it's due to being a png or a png htc fix. I tried them and they don't seem to work for this particular issue. References: -http://www.webcredible.co.uk/user-friendly-resources/css/more-css-tricks.shtml (point 6) -http://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml (point 3)

It's not only the background image, but also the color that doesn't show.

So I suggest telling your browser to run in IE7 compatibility mode by adding the meta tag in the head [1]: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

I updated the demo in my fork of this project: https://github.com/Anima-t3d/Nivo-Slider