Welcome to WebmasterWorld Guest from 23.22.46.195

Forum Moderators: open

IE8 and opacity problem

   
11:26 am on Sep 3, 2012 (gmt 0)

5+ Year Member



I have a problem with IE8 rendering opacity.

div#ttl is an overlay, and is set to

display:none;
-moz-opacity:0.50; filter:alpha(opacity=50); opacity:0.50;

and faded in with jQuery:

function showtitle() {
$('#ttl').delay(4200).fadeIn(2000);
}

IE8 (I don't have another vesion to test) does the fade correctly, so that the element underneath can still be seen through the overlay; but it then immediately jumps to full opacity.

IE does this in compatibility mode; in compat. mode with a meta tag override
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
and with compat. mode switched off... all local testing.

Is this a known problem? Any suggestions for another way to get a semitransparent overlay ?

cheers

ctoz
12:40 am on Sep 4, 2012 (gmt 0)

5+ Year Member



If the overlay is set to appear immediately, rather than fading-in, it renders correctly.

So it's a jQuery/IE problem. I'll try the jQuery board.

ctoz
9:39 pm on Sep 4, 2012 (gmt 0)

5+ Year Member



Solved.

Fade works if opacity is set inline, not in head, or externally.
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month