처음으로 블로그를 작성하는데, 오늘 겪은 문제에 대해 적어보겠습니다
오늘 페이지 투명성 작업을 하다가 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
