jQuery Forum

We have been using the cycle plugin on many sites and after Firefox 10 was released we are noticing a solid black box appearing over the slides during the transitions.

This is basically the code we are using:
Javascript:

1. $('#hero img:first').fadeIn(1000, function() {
   
2. $('#hero').cycle({
   
3.        fx: 'fade',
   
4.       speed: 2000,
   
5.       sync: 0,
   
6.       timeout: 9000,
   
7.       cleartype: false,
   
8.       cleartypeNoBg: true
9. });
10. });

html:

1. <div id="hero" class="slideshow1">
   
2.       <img src="image1.jpg" />
   
3.       <img src="image2.jpg" />
4.       <img src="image3.jpg" />
5.       <img src="image4.jpg" />
6. </div>

What happens:

1. transition starts
2. image area turns solid black
3. next image fades in from black color