[jQuery] Cycle plugin & opacity
Hi
I'm using the fade effect of the Cycle plugin to generate a slideshow
with some text overlaid on the top. The box of text should have an
opacity of 0.7.
This works well in Safari/Firefox on a Mac, but in IE the box of text
has 100% opacity.
I tried to fix it using this code:
function onAfter() {
$('div.banner h2').css('opacity', 0.7);
}
$(document).ready(function() {
$('div.banner h2').css('opacity', 0.7);
$('div#front_banners').cycle({
fx: 'fade',
after: onAfter,
clearType: 1
});
});
But it's not working.
Is it possible to use opacity on an element within the slide being
faded across browsers?
Thanks for any help.