Internet Explorer에서 요소를 오버레이할 때 Z-색인이 작동하지 않는 이유는 무엇입니까?

Internet Explorer Z-Index Enigma

웹 개발 영역에서 Internet Explorer는 요소 위치 지정에 대한 독특한 과제를 제시했습니다. 상대적으로 배치된 다른 요소 위에 요소를 겹치려고 하면 IE에서 Z-index 속성이 예상대로 작동하지 않는 경우가 많습니다.

질문

"어떻게 합니까? Internet Explorer에서 상대적으로 배치된 다른 요소 위에 요소를 겹치면 Z-색인이 작동하지 않습니다. 항상 상대적으로 배치된 요소 뒤에 나타납니다."

수수께끼의 답변

놀랍게도 겹치지 않는 요소의 클래스에 배경 이미지를 추가하는 것이 해결책인 것 같습니다.

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

간단함에도 불구하고 겉보기에 무해해 보이는 이 코드 줄은 콘텐츠가 없는 배경 이미지(URL #으로 표시)를 요소에 할당하여 문제를 해결합니다. 이렇게 하면 Internet Explorer는 해당 요소를 배경이 있는 것으로 처리하여 Z-색인 충돌을 해결하고 겹치는 요소가 맨 앞으로 나올 수 있도록 합니다.

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