css opacity - інтернет-оглядач - html, css, internet explorer, непрозорість

Сьогодні я працюю з непрозорістю, і з якихось причин він не працює на Internet Explorer

ось мій CSS:

.box_1{opacity:0.4;filter:alpha(opacity=40)};
.box_1:hover{opacity:1.0;filter:alpha(opacity=100);}

і ось мій HTML:

<div class="box_1">
<img src="/images/abc.png"/>
</div>

div HOVER не працює. в чому тут проблема?

Відповіді:

Вам не вистачає фігурної дужки в кінці першого рядка, вона повинна бути:

.box_1{opacity:0.4;filter:alpha(opacity=40);}
.box_1:hover{opacity:1.0;filter:alpha(opacity=100);}

Також якщо ви використовуєте IE6, :hover селектор не працював ні над чим, крім <a> теги. Щоб обійти це, вам потрібно буде використати щось на зразок Що завгодно: парять.