| IE8 and opacity problem
|
ctoz
msg:4490912 | 11:26 am on Sep 3, 2012 (gmt 0) |
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
|
ctoz
msg:4491087 | 12:40 am on Sep 4, 2012 (gmt 0) |
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
|
ctoz
msg:4491401 | 9:39 pm on Sep 4, 2012 (gmt 0) |
Solved.
Fade works if opacity is set inline, not in head, or externally.
|
|
|
