div 투명도가 IE8에서 작동하지 않습니다.

Question

body 태그의 하위 항목 인 overlay div가 있습니다. div의 배경은 흰색이어야하며 png로 가짜가 아닙니다. 이 컴파일

.my-overlay 
    @include opacity(0.6) 
    background: #fff 
    position: absolute 
    top: 0 
    left: 0 

에 : 나는 또한이

.my-overlay 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
    opacity: 0.6; 
    background: white; 
    position: absolute; 
    left: 0; 
    top: 0; 

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 

투명성 크롬, 사파리와 FF하지만 IE8에서 작동 다음 나는 다음 말대꾸 있습니다. IE8에서는 div의 배경이 불투명 한 흰색으로 렌더링됩니다 (OS X의 XP/IE8/VMWare에서 테스트 중입니다). 호환 모드에서도 작동하지 않습니다.

또한 수동으로 필터를 -ms-filter로 변경해도 아무런 영향이 없었습니다.

IE8 개발자 툴바는 필터 속성이 div에 올바른 값으로 적용되었으며 hasLayout이 -1임을 보여줍니다. 내가 IE8에서 투명성을 막는 것이 무엇인지 간과 할 수 있습니까? 심지어는 IE7/IE8에서 나를 위해

Answer 1

This 작품은 :

.transparent { 
    zoom: 1; 
    filter: alpha(opacity=50); 
    opacity: 0.5; 
}