사이트가 백그라운드에서로드되고 Z- 인덱스가 위아래로 이동합니다.

Question

내 웹 사이트가로드해야하지만 동시에 페이지 전체에 걸쳐있는 배경 이미지가 z- index = 9999이고 2 초 후에 z-index = -1이됩니다.

점은

가장 중요한 것은 이런 일이 발생하면서 있다는 것입니다 .... 방문자 2 초 동안 배경 이미지를 볼 수 후 배경 이미지가 다시 그것이 있어야로 backgrond에 갈 줘야한다는 것입니다 내가 스크립트를 실행하고 서버에서로드되는 사이트없이 배경 일을하고 싶지 않아 ... 난이 어떻게 든 toghther 무슨 일이 생기고 싶지 않아요 (backgrond 돌아갈 때 바로 2 초 후)

어떤 아이디어가 있습니까?

Answer 1

먼저 배경 이미지에 Z- 색인이 없습니다. 그들의 호스트 객체는 전체 객체에 대한 z- 색인을 가질 수 있지만 배경 이미지는 아닙니다.

두 번째로, 이미지를 만들어 div에 넣고 그 div를 z- 인덱스 및 절대 위치를 사용하여 나머지 모든 요소 위에 놓을 수 있습니다. 그런 다음 다른 모든 항목이로드되면 해당 이미지의 Z- 색인을 변경할 수 있습니다.

또는 모든 콘텐츠가로드 될 때까지 해당 div를 display: none으로 표시 한 다음 모든 콘텐츠를 하나의 마스터 div에 넣고 display: block으로 변경할 수 있습니다.