[jQuery] Problem with Clear type and Jquery
I have a blinking tool tip that fades in and out until hover event
opens it. The fade in and out images are two PNG brackets like so
"[ ]" when hovered they open to "[some tip here]". Everything is alpha
transparent to sit on top of graphics. My problem is with both IE6 and
IE7. When the image fades in and then out a black border appears
ruining the effect. Does anyone know of a solution?
Benjamin Michael's solution would work but I'm not sure how to
implement this on fadeIn and fadeOut.
Another solution I found is adding a background color graphic fading.
But the graphic is alpha transparent so I cannot do that.
http://blog.bmn.name/index.php/2008/03/03/jquery-fadeinfadeout-ie-cleartype-glitch/
Here is my code:
function runIt() {
$('.bracket span').fadeIn(900).fadeOut(900).fadeIn(900).fadeOut(900,
runIt);
}
runIt();
$('.box').hide();
$('a.show').hover(
function() {
$('.box').show('slow').animate({opacity: "0.9"}, {duration: 500,
complete: stopblinking});
},
function () {
$('.box').hide(1000, runIt);
}
);
function stopblinking() {
$('.bracket span').stop('runIt').fadeTo(300, 1.0);
}
-Ryan