css opacity not working in IE7

Posted by Alsciende on Stack Overflow See other posts from Stack Overflow or by Alsciende
Published on 2010-05-31T14:02:59Z Indexed on 2010/05/31 14:13 UTC
Read the original article Hit count: 266

Filed under:
|
|

I have this test page : http://jsfiddle.net/VWnm9/7/. The image is correctly faded on all my computers running IE6, 7 or 8, except for one computer that runs IE7 and doesn't fade the flower, even in noext mode.

The page is :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
    <style type="text/css">
        body {
            background: blue;
        }
        img {
            filter: alpha(opacity=10);
            opacity: 0.1;
        }
    </style>
</head>
<body>
    <img src="http://upload.wikimedia.org/wikipedia/commons/c/c3/Extracted_pink_rose.png" />
</body>
</html>

Does anybody have an idea why?

© Stack Overflow or respective owner

Related posts about css

Related posts about internet-explorer-7