Internet Explorer의 요소 오버레이에 Z-Index가 작동하지 않는 이유는 무엇입니까?

IE Z-Index 이상: 중복 딜레마 해결

웹 개발 영역에서 Z-Index 속성은 Z-Index 속성이 결정적인 역할을 합니다. 페이지 요소의 스택 순서. 그러나 Internet Explorer 사용자는 z-index가 실패하는 것처럼 보이는 특이한 문제에 직면할 수 있습니다. 이는 상대적으로 배치된 다른 요소 위에 요소를 오버레이하려고 할 때 발생합니다.

질문:

인터넷에서 요소가 상대적으로 배치된 요소와 겹치도록 만들 수 있는 방법은 무엇입니까? 탐침? z-index 속성은 항상 상대적으로 배치된 요소 뒤에 나타나기 때문에 작동하지 않는 것 같습니다.

답변:

Internet Explorer는 상대적으로 위치가 지정된 요소에서 특이한 동작을 나타냅니다. 위치가 지정된 요소는 절대 위치가 지정된 요소를 모호하게 만드는 경우가 많습니다. 심지어 후자가 더 높은 z-인덱스 값을 갖는 경우에도 마찬가지입니다. 이 문제를 회피하기 위해 다음과 같은 명확하지 않은 솔루션이 제시됩니다.

CSS 규칙이 있는 클래스를 사용하여 문제가 있는 요소에 대한 배경 URL 경로를 선언합니다. 이 솔루션은 역설적으로 보일 수 있지만 요소의 DOM 우선 순위를 효과적으로 높이고 상대적으로 위치가 지정된 요소와 겹칠 수 있습니다.

코드 조각:

<code class="CSS">.myLinkCssClass {
    background: url(#);
}</code>

위 내용은 Internet Explorer의 요소 오버레이에 Z-Index가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!