Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

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

-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)

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.



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

5+ Year Member


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

Featured Threads

Hot Threads This Week

Hot Threads This Month