homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Browsers / Microsoft Internet Explorer
Forum Library, Charter, Moderator: open

Microsoft Internet Explorer Forum

IE8 and opacity problem

 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

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

and faded in with jQuery:

function showtitle() {

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 ?





 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.



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


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