-
Posts
-
I’ve added “background-repeat:no-repeat;” to “li.active-slide” and in IE8 the background no longer repeats itself on wider screens, which is perfect. BUT, when I load the page I still see the repeating background fade in, only to disappear as soon as it’s faded in. I suppose there is another class I must add it to so it doesn’t fade in?
Sure can. See link below for screenshot. http://goo.gl/2aQLTJ
Explanation:
In the screenshot I have shown the homepage 5 times. The big image is a fullscreen easy slider. Apparently IE8 doesn’t put the image width to full width (resolution 1680 x 1050). Instead of letting the image repeat itself, I’d prefer to turn off repeat so the image just has whitespace on the sides.
As seen in the screenshot, the sides still fade in, but once it’s 100% opacity it disappears again. I need to turn off the fade-in so it’s blank from the start. Of course, the center image fades in too, but i’ve kept it at 100% opacity throughout the screenshot in order to better separate the repeated sides.
Hi DavyE,
Lets take a look at it live. I’m not sure whats going on but being able to inspect it in IE8 live and see whats going on first hand should provide some insight.
Regards,
Devin
Here you go:
Just make sure your browser is set wide enough to see the repeated sides of the image.
I can’t reproduce the issue on my test system (IETester or IE10 dev console) but you can try to add an important tag to the no-repeat code to avoid that any js script overwrites the property.
background-repeat:no-repeat !important;Already tried that. But on what class would you suggest to add it to? I’ve currently have the following:
li.active-slide {background-repeat:no-repeat!important;}
Would you suggest a different class/id than li.active-slide?
Unfortunately, it’s very important that I get this right, because it’s the homepage of the site and there are still many IE8 visitors on my site.
Hey! The next version should improve the IE8 slideshow behavior. I say improve because its still not as perfect as with modern browsers but there are issues that I couldnt resolve even after hours of testing. Once we release the update please upgrade and see if the improved version is sufficient :)
- The topic ‘Fullscreen easy slider in IE8’ is closed to new replies.