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

Question

Я установил непрозрачность для наложения, который отлично работает в FF, Chrome, Safari и IE9, но не в IE8. Я googled много, но не нашел никакого решения.

мой CSS код

#overlayEffectDiv { 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    width: 100%; 
    height: 100%; 
    filter: alpha(opacity = 50); 
    -moz-opacity: 0.5; 
    -khtml-opacity: 0.5; 
    opacity: 0.50; 
    background: #000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 3000; 
    /* hide it by default */ 
    display: none; 
} 

В FF это выглядит, как показано ниже:

но в IE8 это выглядит, как показано ниже:

Answer 1

Найдено решений here. Непрозрачность не была проблемой, я сделал некоторую отладку и обнаружил, что она отлично работает для ie8, проблема заключалась в jQuery fadeIn и fadeOut. jQuery fadeIn заставлял полупрозрачный фон становиться твердым.

Спасибо всем, кто помог.

Answer 2

Я не думаю, что U синтаксис для фильтра является правильным:

http://blogs.msdn.com/b/ie/archive/2009/02/19/the-css-corner-using-filters-in-ie8.aspx

это не может быть причиной этой проблемы, но это может быть стоит правящий его.

Answer 3

Возможно, вы также определили zoom. написать так:

#overlayEffectDiv { 
    width: 100%; 
    height: 100%; 
    filter: alpha(opacity = 50); 
    opacity: 0.50; 
    *zoom:1; 
    background: #000; 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: 3000; 
    display: none; 
} 

Answer 4

Если проблема возникает какой-то эффект анимации с участием слоя, можно избежать использования filter вообще в IE и использовать вместо этого в качестве неоднократного фона небольшого (не слишком мало, как 2х2, использование например 100x100) прозрачный png файл с черным цветом фона и непрозрачностью ~ 80%