JQuery IE <div>проблема с непрозрачностью

Question

У меня проблема с IE. У меня есть слой, который имеет этот стиль, чтобы сделать его прозрачным и полноэкранным.

position:absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: #000000;
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
z-index: 1;

И я использую JQuery метод fadeIn и fadeOut, чтобы показать и скрыть его. В Opera все отлично, но IE7 просто переоценивает стиль и устанавливает его на 100% непрозрачность. это даже исчезает !!

Answer 1

Peter-Paul Koch опубликовал фантастическую статью о непрозрачности . В общем, quirksmode.org - это первое место, где я решаю проблемы совместимости браузера; ППК провел много исследований. Тем не менее, вы выглядите так, как будто у вас есть все нужные стили - разве реализация jquery не работает правильно, даже если вы задаете ей непрозрачность цели?

Не могли бы вы решить проблему, установив объявленный CSS полностью непрозрачным, но видимым: false, а затем использовать fadeto , чтобы достичь целевой непрозрачности?

Answer 2

пожалуйста, используйте как:

.abc{
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first! for ie8
 filter: alpha(opacity=50);     // second! for other ie versions
}

Answer 3

Когда мне нужно выполнить определенные вещи для IE, я обычно обращаюсь к фильтрам, встроенным в IE6 и 7. Хотя позаботьтесь только о том, чтобы передать это в IE. Примените немного смазки для локтя, и вы также можете создать собственную анимацию с помощью jQuery.

*object*.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=*value*,opacity=*value*)';

MSDN: атрибут непрозрачности