모든 브라우저에서 텍스트를 불투명하게 유지하면서 Div의 배경을 투명하게 만드는 방법은 무엇입니까?

텍스트에 영향을 주지 않고 배경색에 대한 불투명도 효과

불투명한 텍스트를 유지하면서 div의 배경에서 투명성을 얻으려면 다음과 같은 크로스 브라우저 솔루션이 필요합니다. Internet Explorer 6을 해결합니다.

외부 장치 없이 이를 수행하려면 라이브러리:

• rgba 활용: RGBa 값을 사용하면 색상 값 외에 투명도(불투명도)를 지정할 수 있습니다.

.alpha60 {
    background-color: rgba(0, 0, 0, 0.6);
}

• IE 동작 대응: Internet Explorer에서는 RGBa를 지원하기 위해 추가 필터가 필요합니다. transparent.

.alpha60 {
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

• IE 배경 상속 처리: IE의 하위 요소가 불투명도를 상속하지 않으려면 background: transparent를 선언하세요. 조건부 주석을 사용하는 것이 가장 좋습니다.

위 내용은 모든 브라우저에서 텍스트를 불투명하게 유지하면서 Div의 배경을 투명하게 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!