0
오버레이의 맨 위에 배치 할 특정 요소를 선택하는 동안 내 페이지에 오버레이를 배치하려면 어떻게해야합니까?CSS 및 Z- 색인을 사용하여 페이지 오버레이를 만든 다음 오버레이 상단에 하나의 요소 배치
예를 들어, 전체 페이지에 어두운 오버레이를 배치하고 버튼을 그 위에 놓습니다. 버튼이 강조 표시됩니다.
내가이 jsfiddle에서 그것을 시도했지만 작동하지 않았다 : 당신은이 효과의 데모 내가 무엇을 시도했다 intro.js
에 사용되는 볼 수 있습니다.
기본적으로 나는 position: fixed; z-index: 100;
을 수행하여 오버레이 div를 만들고 position: relative; z-index: 101;
을 지정하여 하나의 요소가 빛나도록합니다. 그러나 어떤 이유로 오버레이보다 높은 z- 인덱스를 가지고 있음에도 불구하고 내 내부 div는 여전히 ontop 대신 오버레이 아래에 나타납니다.
inner
이 overlay
의 꼭대기에 나타나게하려면 어떻게해야합니까? 99998, 다음 강조 표시된 요소는 클래스가 position: relative; z-index: 99999;
를 제공 적용된했습니다 introJS이 일을 ... Z- 인덱스 스펙에 대해
IntroJS 보인다 어떻게
는 Z-인덱스 오버레이가 있습니다. 우리는 이것이 어떻게 작동하는지 생각하지 않을 것입니다.