Z- 인덱스 상단 설정

내 웹 사이트의 오른쪽에 '아래쪽'버튼이 있습니다.이 버튼은 아래 접기 영역으로 부드럽게 스크롤됩니다. 그러나 작은 창문; 넷북, ipads 등 - 버튼이 내용 뒤에 푸시됩니다. 어떻게 내가 그 이미지/div의 Z- 인덱스를 적절히 설정할 수 있었습니까? 작은 화면에서 볼 때 콘텐츠 위에 나타납니다.Z- 인덱스 상단 설정

출처

2011-12-20 Fred Randall

z- 인덱스가 높을수록 나머지 앞에 div/img가 더 많이 있습니다. 단추 앞에 나머지가 있는지 확인하려면 9999를 사용하십시오.

출처

2011-12-20 19:44:36 Spikey21

z- 색인은 그 뒤에있는 DOM 객체의 z- 색인보다 높아야합니다. 또한, 포 에이션은 상대적으로 설정되어야합니다 (위치 : 상대적;). 기본적으로 모든 DOM 객체는 Z- 인덱스가 0입니다.

출처

2011-12-20 19:44:33

다른 설명이 올 바르면 단추의 Z- 색인이 다른 내용보다 커야합니다. 아래는 그 예입니다.

<body> 
    <style type="text/css> 
     .content 
     { 
     position:relative; 
     z-index:1; 
     } 
     .button 
     { 
     position:relative; 
     z-index:10; 
     } 
    </style> 
    <div class="content"> 
     Content 
    </div> 
    <a class="button"> 
     Button 
    </a> 
</body>

출처

2011-12-20 20:07:01

적어도 일부 예제, 감사합니다. –

Z- 인덱스 상단 설정

답변

관련 문제