IE8에서 rgba()의 비호환성에 대한 솔루션

다음 편집자는 IE8에서 rgba()와의 비호환 문제를 완벽하게 해결하는 기사를 가져올 것입니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리도록 하겠습니다. 에디터를 따라가서 살펴보겠습니다.

rgba()는 css3의 새로운 속성이므로 IE8 이하 브라우저는 호환되지 않습니다. 마침내 해결책을 찾았습니다.

Solution

먼저 다음 rgba

rgba에 대해 설명하겠습니다.

rgba 의미, r은 빨간색, g는 녹색, b는 파란색, a는 투명도를 나타냅니다.

rgba(0,0,0,.5) 이는 검정색을 나타내며 투명도는 0.5입니다.

IE8에서 투명도 문제를 해결하려면 다음 문장을 추가하면 됩니다.

filter:progid:DXImageTransform. (startColorstr=#7f000000,endColorstr=#7f000000); /*IE8 지원*/

이 문장은 원래 그라데이션에 사용되었지만 여기서는 그라데이션 효과가 없으므로 startColorstr과 endColorstr을 동일한 색상으로 설정합니다.

여기서 #7f000000, #7f는 투명도를 나타내고, 000000은 색상을 나타내며, 다음은 해당 투명도 표입니다.

위 내용은 IE8에서 rgba()의 비호환성에 대한 솔루션의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!