z-index 무효 실효 해결

1532 단어
해결 방법: 부모 요소에position:relative를 추가합니다.z-index 부모 요소의 z-index를 우선적으로 설정하고 그 안에 포함된 요소의 z-index는 부모 요소에 대한 index입니다
<div style="position:relative;z-index:2">
<p style="position:absolute;z-index:99"> ...(         )p>
<div>
<div style="position:relative;z-index:1">
...
<div>

 
위의 예에서 만약에 첫 번째div의z-index를 -1로 설정하면 p의z-index가 얼마든지 아래의div에 의해 가려진다.반대로 하층div의z-index도 2로 설정하면 i7이 설명하고 있을 때'position:relative'의 층 순서에 따라 자동으로 중첩된다. 즉, 실제 값은 3이다.position 속성이 없으면 모든 값이 부모에서 상속됩니다.
 
전재 대상:https://www.cnblogs.com/afish/p/4116462.html

좋은 웹페이지 즐겨찾기