Непрозрачность 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="abc.png"/>
</div>

раздел HOVER не работает. в чем проблема?


html css opacity internet-explorer
person homerun    schedule 25.09.2011    source источник
comment
Что точно не работает? opacity=100 или все вместе?   -  person Pekka    schedule 25.09.2011
comment
@Pekka: наведение с непрозрачностью 100   -  person homerun    schedule 25.09.2011
comment
Правильно ли вы объявили DOCTYPE на своей тестовой странице? Без него IE будет вызывать всевозможные странные проблемы.   -  person Shadow Wizard Wearing Mask V2    schedule 26.09.2011
comment
@ShadowWizard, не могли бы вы дать мне правильный тип документа?   -  person homerun    schedule 26.09.2011
comment
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> должно быть хорошо.   -  person Shadow Wizard Wearing Mask V2    schedule 26.09.2011

Ответы (1)


arrow_upward
0
arrow_downward

Вам не хватает фигурной скобки в конце первой строки, она должна быть:

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

Также, если вы используете IE6, селектор :hover не будет работать ни с чем, кроме тегов <a>. Чтобы обойти это, вам нужно будет использовать что-то вроде Whatever:hover.

person Clive    schedule 25.09.2011
comment
я просто копирую его с 1 отсутствующим символом. проблема все еще остается. - person homerun; 25.09.2011
comment
Ах, хорошо, проверьте ответ еще раз, я добавил примечание о IE6 на случай, если проблема в нем. - person Clive; 25.09.2011
comment
Я только что попробовал этот jsfiddle в IE9, и он у меня отлично работает, можете ли вы поделиться ссылкой на страницу, с которой у вас возникли проблемы? - person Clive; 25.09.2011
comment
да, я тоже попробовал это на jsfriddle, и он отлично работает, попробуйте открыть его на локальном хосте и увидеть проблему, это странно. - person homerun; 25.09.2011
comment
Может быть, у вас есть другой элемент (либо абсолютно позиционированный, либо плавающий), каким-то образом перекрывающий теги <div> или <img>? В этом случае событие наведения не сработает - person Clive; 25.09.2011