IE8에서 Div 배경의 불투명도를 유지하는 방법은 무엇입니까?

IE 8을 사용할 때 Div 배경의 불투명도를 유지하는 방법은 무엇입니까?

Internet Explorer 8에서 div 배경의 불투명도를 조정하면 포함된 요소에 영향을 줄 수 있습니다.

해결책: rgba() 색상을 사용하세요

이 문제를 해결하려면 문제에서는 rgba() 함수를 사용하여 배경색을 설정합니다.

.myelement {
    background: rgba(200, 54, 54, 0.5);
}

rgba()의 네 번째 값은 불투명도를 제어하는 ​​알파 채널을 나타냅니다.

CSS3Pie를 사용한 IE8 호환성

안타깝게도 rgba()는 IE8에서 지원되지 않습니다. 이를 활성화하려면 CSS3Pie를 활용하세요.

.myelement {
    background: rgba(200, 54, 54, 0.5);
    -pie-background:  rgba(200, 54, 54, 0.5);
    behavior: url(PIE.htc);
}

대안: IE 필터 옵션

또는 그라데이션 키워드가 포함된 IE의 필터 속성을 사용하면 비슷한 효과를 얻을 수 있습니다.

.myelement {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33c8348a, endColorstr=#33c8348a);
}

더 깔끔한 스타일시트를 위해 CSS3Pie를 사용하는 rgba()를 권장하지만 필터 접근 방식은 그대로 유지됩니다. 가능합니다.

위 내용은 IE8에서 Div 배경의 불투명도를 유지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!