homepage Welcome to WebmasterWorld Guest from 54.226.173.169
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Home / Forums Index / Browsers / Microsoft Internet Explorer
Forum Library, Charter, Moderator: open

Microsoft Internet Explorer Forum

    
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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Browsers / Microsoft Internet Explorer
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved