Мне нужна непрозрачность (прозрачность) для img с css ie8

Question

Я добавил атрибут opacity: .3; в свой тег img, но он работает только для Firefox. Есть ли решение для firefox и ie8?

Answer 1

Если вы используете ie8 в стандартном режиме, вам нужно использовать:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

Answer 2

<img src="yourimage.jpg" alt="Text" class="opac" />

<style>
.opac
{
    opacity:0.3; filter:alpha(opacity=30); height: 150px; width: 150px;
}
</style>

Answer 3

IE использует свойство filter:

filter: alpha(opacity = 30); /* Supported by IE7 and 8 */

Это должно сделать то же самое, что и opacity: 0.3