要素をバックグラウンドに送信する方法

Question

問題があります。私のウェブページでは、絶対位置を持つクロックを実装しており、私のドロップダウンメニューに干渉しています。次のように TXT は私が私のJavaScriptから取得するパラメータである

クロックのための私の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%; 
    } 

クロックが私のメニューの前にあるので、私は、ネストされた番号なしリストをaccesssすることはできません。時計をバックグラウンドに送るにはどうすればよいですか？

Answer 1

z-indexをメニューz-indexよりも低く設定する必要があります。

time { 
    z-index: 900; 
} 

menu { 
    z-index: 950; 
} 

Answer 2

CSSプロパティz-indexを使用します。

time要素の背後に配置したい要素よりも低いz-インデックスを指定します。 コードを見ることなく、正確にするのは少し難しいです。

Answer 3

タイムタグを他の要素のz-インデックスよりも低く設定することは良い解決策です。ただし、タイムタグを送り返すこともできます。 z-indexを使用して：-1（時間要素が1つしかない場合）

time { 
    z-index:-1; 
}