다음과 같습니다
IE 개발자 도구 또는 IE8과 함께 제공되는 개발자 도구를 사용하세요. 구조는 그림 1과 같습니다.
빨간색 원 안에는 div에 추가된 인라인 스타일의 너비, 높이, 배경이 순서대로 정렬되어 있는 것을 볼 수 있습니다. 정상!
그러나 div에 filter:alpha(opacity=20)를 추가한 후
그림 2와 같이 상황이 바뀌었습니다.
빨간색 원에 표시된 것처럼 너비와 필터가 한 줄로 압축됩니다. 일반적인 상황에서는 너비가 새 줄에서 시작되어야 합니다.
페이지 요소의 올바른 렌더링에 영향을 주지 않는 한 이는 단지 개발자 도구가 올바르게 표시되지 않는 것이라고 말하는 사람들도 있습니다.
실제로 IE6/7/8/9에서는 이 요소의 너비, 높이, 배경색 및 투명도가 설정에 따라 예상대로 렌더링되고 표시될 수 있습니다. 사진과 같이:
또한, 스타일 태그나 CSS 파일에 스타일을 작성하는 경우에도 위와 같은 현상이 발생합니다.
JS 설정 필터를 다시 보면 상황이 조금 다릅니다. 코드는 다음과 같습니다.