IE8 불투명도 버그에 대한 대안 찾기

Question

내 CSS 스타일 중 하나에는 검정색 배경색과 불투명도가있는 필터가 있습니다. 이것은 반투명하고 거의 항상 그렇습니다.

한 가지 예외가 있습니다.

IE8은 Microsoft의 다른 많은 제품과 잘 작동하지 않으며 .NET의 업데이트 패널은 그 중 하나 인 것으로 보입니다. 콜백에서 javascript 경고를 보내는 updatepanel이있는 경우 IE8은 스타일 필터 렌더링을 방해하지 않습니다. 사용자가 경고 상자를 이동하거나 O.K를 클릭 할 때까지 화면이 검은 색으로 표시됩니다.

dom 요소와 그 모두를 변경하여 강제로 다시 그려 보았습니다. IE8은 게으른 것으로 보이고 경고 상자가 나타나면 필터를 신경 쓰지 않는 것처럼 보입니다.

필터 또는 불투명 태그를 사용하지 않고 불투명도를 유지해야합니다. 필터 또는 불투명 태그는 IE8에서 패널 및 경고 상자를 업데이트 할 때 올바른 순서로 렌더링되지 않으므로 유지해야합니다.

실용적인 대안이 있습니까?

Answer 1

한 가지 대안은 반투명 PNG를 사용하여 배경으로 설정하는 것입니다. 이렇게하면 PNG의 투명도가 적용될 때 요소에 투명한 필터를 설정할 필요가 없습니다. 이것은 IE8, Firefox, Safari, Chrome에서 작동합니다 (그러나 이전 버전의 IE에는 해당되지 않음).