Please take a look at http://jumardirectsites.com/_dev/kabnick/ using Internet Explorer. When the slides fade, the text gets a horrible blurry outline for a moment before disappearing. Its happening in IE7, 8 and 9. How can I fix this?
Zach
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
First, make sure you have no errors in your javascript. When I navigated in the page, I received a javascript exception which might have disabled part of your functionality.
As for the blurring, it’s caused by the change in alpha work on all pixels in the target frame. It will mess up with the font smoothing. I’m kind of surprised that you get this problem with IE9. What you could possibly do is to put the text IN the images instead of putting it in front of it. Try to make sure to keep the background behind the text a static color between each changes and the problem SHOULD go away. I think the problem right now is that you have two images blended in each others and the text smoothing get messed up.
Another thing you could do is fade one content to white and then fading the other content from white to full color. This way, you’d get a better viewing experience and it would easier for people to see that a change is occurring.