어떻게 요소를 배경으로 보낼 수 있습니까?

Question

문제가 있습니다. 내 웹 페이지에서 절대 위치를 가진 시계를 구현했으며 내 드롭 다운 메뉴를 방해합니다. TXT 내가 내 자바 스크립트에서 얻을 매개 변수이고, 다음과 같이 시계에 대한

내 HTML 코드은 다음과 같습니다

<time> 
    <div id="txt"></div> 
</time> 

내 CSS 코드 다음과 같이이다 :

time{ 
    border: 2px dashed red; 
    font-size: 80px; 
    font-family: circle; 
    position: absolute; 
    top: 15px; 
    left: 43%; 
    } 

시계가 내 메뉴 앞에 있기 때문에 중첩되지 않은 번호가없는 목록에 액세스 할 수 없습니다. 내 시계를 배경으로 보내려면 어떻게해야합니까?

Answer 1

z- 색인을 메뉴 z- 색인보다 낮게 설정해야합니다.

time { 
    z-index: 900; 
} 

menu { 
    z-index: 950; 
} 

Answer 2

CSS 속성 z-index 사용

time 요소에 원하는 요소보다 낮은 z- 색인을 지정하십시오. 코드를 보지 않고서는 정확하기가 어렵습니다.

Answer 3

다른 요소에 대해 z- 색인에서 시간 태그를 낮게 설정하는 것이 좋은 해결책입니다. 그러나 시간 태그를 뒤로 보낼 수도 있습니다. Z- 인덱스 사용 : -1 (시간 요소가 하나만있는 경우)

time { 
    z-index:-1; 
}