>웹 프론트엔드 >H5 튜토리얼 >rgba()와 호환되지 않는 IE8을 처리하는 방법에 대한 자세한 설명

rgba()와 호환되지 않는 IE8을 처리하는 방법에 대한 자세한 설명

Y2J
Y2J원래의
2017-05-20 13:43:211846검색

다음 편집자는 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은 색상을 나타내며, 다음은 해당 투명도 표입니다.

[관련 추천]

1. Html5 무료 동영상 튜토리얼

phonegap 연락처 검색 기능 상세 코드 설명

3. 연락처 복제 및 삭제 기능을 완료하는 폰갭 코드에 대한 자세한 설명

phonegap은 deviceready 이벤트 이후에 다른 이벤트를 수신합니다.

5. 페이지 이동 및 값 전송 예시에 대한 자세한 설명

위 내용은 rgba()와 호환되지 않는 IE8을 처리하는 방법에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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