CSS에서 Z- 색인을 설정하는 방법은 무엇입니까?

Question

Z- 색인을 설정할 수 없습니다. Z- 인덱스 위치 또는 값을 설정하는 방법을 정의 하시겠습니까?

Answer 1

시도하는 코드 예입니다 불구하고 절대 또는 상대 위치를 사용해야합니다 :

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

그냥 Z- 인덱스에 대한 테스트 값을 입력하고 다른 속성을 확인하고 즉시 테스트합니다.

position: absolute | relative | fixed 
z-index: +ve | -ve value from -9999 to 9999 

:

img 
{ 
position:absolute; 
left:0px; 
top:0px; 
z-index:-1; 
} 

당신이 Z- 인덱스와 관련하여 수정할 수있는 두 가지가 있습니다

이미지에 대한 Z- 인덱스는 다음과 같이 정의된다

대한 추가 정보를 추가

위 예제에서 실시간으로 값을 변경하여 효과를 훨씬 더 잘 이해하는 데 도움이됩니다. div를 들어

Answer 2

z- 색인 : [일부 숫자];

당신은이 사항을 적용하려면 다음

Answer 3

:

#yourdiv { 
z-index: 9999 ; //whatever the value you want 
} 

클래스 :

.class { 
z-index: 9999; 
} 

Answer 4

z-index는 위치 요소에만 작동합니다. 어쩌면 당신은 시도 position 속성을 적용하고 그것을 z-index를 준하지 않았다

<style type="text/css"> 
.myelement{ 
    position:relative; /*You can put position relative absolute or fixed for z-index to work*/ 
    z-index:100; 
} 
</style> 

더 참고로이 페이지 W3Schools Page