Welcome to WebmasterWorld Guest from 54.159.239.251

Forum Moderators: open

Message Too Old, No Replies

IE8 and opacity problem

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

Junior Member

5+ Year Member

joined:July 4, 2007
posts: 115
votes: 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
12:40 am on Sept 4, 2012 (gmt 0)

Junior Member

5+ Year Member

joined:July 4, 2007
posts:115
votes: 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
9:39 pm on Sept 4, 2012 (gmt 0)

Junior Member

5+ Year Member

joined:July 4, 2007
posts:115
votes: 0


Solved.

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

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members