집 > 기사 > 웹 프론트엔드 > rgba()와 호환되지 않는 IE8을 처리하는 방법

rgba()와 호환되지 않는 IE8을 처리하는 방법

이번에는 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:DXImageTrans form .Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); /*IE8 support*/

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

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

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 흥미진진한 PHP 중국어 웹사이트의 다른 관련 기사도 주목해주세요!