div 레이어의 Z-색인 속성이 잘못 조정되는 문제를 해결하는 방법

이 글은 주로 p 레이어의 z-index 속성을 조정하는 잘못된 이유에 대한 분석과 해결 방법을 소개합니다. 도움이 필요한 친구는 이를 참고할 수 있습니다.

z-index가 잘못되었습니다.

이 작업을 수행하는 과정에서 나는 발견했습니다. 매우 간단하지만 많은 사람들이 직면하게 될 문제는 Z-INDEX 속성 설정이 유효하지 않다는 것입니다. CSS에서 레벨은 코드를 통해서만 변경할 수 있습니다. z-index가 작동하려면 작은 전제 조건이 있습니다. 즉, 요소의 위치 속성은 상대, 절대 또는 고정이어야 합니다.

1. 첫 번째 상황(z-index는 아무리 높게 설정해도 작동하지 않음):

이 상황이 발생하는 데는 세 가지 조건이 있습니다.

1 상위 태그의 위치 속성은 상대적입니다. ;
2. 질문 라벨에는 위치 속성이 없습니다(정적 제외).
3.

예: Z-색인 수준이 작동하지 않습니다. 코드는 다음과 같습니다.

<p style="POSITION: relative; Z-INDEX: 9999">  
<IMG style="FLOAT: left" src="/131101/1A5494I0-0.jpg">  
</p>

세 가지 해결 방법이 있습니다(하나라도 충분함).

1. 위치에 상대적: 절대;
2. 부동 요소에 위치 속성(예: 상대, 절대 등)을 추가합니다.

2. 두 번째 경우

<p style="POSITION: relative">
<p style="POSITION: relative; Z-INDEX: 1000">
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>
</p> 
</p>

<p style="POSITION: relative; Z-INDEX: 1">  
<p style="POSITION: relative; Z-INDEX: 1000">  
<p style="POSITION: absolute; Z-INDEX: 9999"> <IMG src="/131101/1A3194V7-1.jpg"> </p>  
</p>  
</p>

CSS3 정보 rem 분석(글꼴 크기 설정)

위 내용은 div 레이어의 Z-색인 속성이 잘못 조정되는 문제를 해결하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!