CSS непрозрачность не работает в IE7 - PullRequest
Новая
       19

CSS непрозрачность не работает в IE7

10 голосов
/ 31 мая 2010

У меня есть эта тестовая страница: http://jsfiddle.net/VWnm9/7/. Изображение корректно блекло на всех моих компьютерах под управлением IE7 или IE8, за исключением одного компьютера, на котором работает IE7 и не выцветает цветок, даже в режиме noext.

Страница: 

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

Кто-нибудь имеет представление, почему?

Ответы [ 4 ]

21 голосов
/ 31 мая 2010

Возможно, вам нужно применить некоторые фильтры MS.

Например: 

img {
    opacity: 0.1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);  
}

Подробнее о непрозрачности в режиме quirksmode .

0 голосов
/ 09 апреля 2013

PNG Изображения отлично работают в таких случаях.

0 голосов
/ 31 мая 2010

Я обычно прибегаю к полупрозрачным .PNG. Это лучшее решение, чем CSS-хаки, когда вам нужно поддерживать IE6 и некоторые версии IE7

.
0 голосов
/ 31 мая 2010

Не уверен на 100%, но это может быть связано с тем, что IE имеет проблемы с opacity на прозрачных PNG: см. этот вопрос SO

...