>  기사  >  웹 프론트엔드  >  IE8에서 rgba()와의 비호환 문제를 해결하는 방법

IE8에서 rgba()와의 비호환 문제를 해결하는 방법

怪我咯
怪我咯원래의
2017-04-10 10:26:321462검색

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

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

해결책

먼저 다음 rgba에 대해 설명하겠습니다

rgba:

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

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

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

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

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

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

IE8에서 rgba()와의 비호환 문제를 해결하는 방법

위 내용은 IE8에서 rgba()와의 비호환 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.