IE 6, 7, 8의 투명성과 관련된 호환성 문제를 해결하는 방법

처음으로 블로그를 작성하는데, 오늘 겪은 문제에 대해 적어보겠습니다

오늘 페이지 투명성 작업을 하다가 IE7로 테스트해 봤는데 효과가 없는 걸 발견했습니다. 원본 코드는 다음과 같습니다

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2);
	display: none;
}

.

이 경우 호환되지 않는 것으로 확인되어 대신 사용했습니다. 또 다른 작성 방법은 배경을 설정한 다음 불투명도 속성을 0.4로 설정하는 것입니다. 선생님께 문의해 보니 여전히 작동하지 않습니다. , IE6, 7, 8과의 호환성을 위해서는 한 줄을 추가해야 한다는 것을 알게 되었습니다

변경된 코드는 다음과 같습니다.

.mask {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.2;
	filter: alpha(opacity = 20);/* 兼容IE6、7、8 */
	display: none;
}

이것은 IE와 완벽하게 호환됩니다.

위 내용은 IE 6, 7, 8의 투명성과 관련된 호환성 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!