JavaScriptの上にhtml要素を配置する

Question

これは私が取り組んでいるウェブサイトです：http://labbrini.netsons.orgとその左側に私は大きな唇のロゴのJavaScriptの上にあるべきdiv（#puntate）を持っています#logo）が表示されます。もちろん、ロゴが表示されていてもクリック可能な#puntateのリンクが必要です。 z-indexはこのためには機能しません。誰かがこのポジションで私を助けることができますか？

Answer 1

ブラウザでコードを調べているうちに、にpxを使用していることがわかりました。

いけない

z-index: 900px; 

z-index: 900; 

ように、交換してください、あなたのCSSでz-index

のための任意の単位を与える、docs

に記載されました

z-indexプロパティは、要素のzオーダーと子孫の 子孫を指定します。

そして、注文には単位がありません。したがって、どのユニットも必要ありません。より高いZインデックスを持つ要素は、他の要素の上に置かれます。

Answer 2

ありがとうございました。 Z-indexの値は私のばかげた誤りでした。しかし、私は私が望むものを得るためにちょっとした工夫が必要でした。質問（#puntate）での私のdivは新しいものに属し、私は色の変化で、古いものの下に見るために透明に背景色を設定するように、私は

<div id="left"></div> 
<div id="left2"><div id="puntate"><ahref="http://labbrini.netsons.org/Labbrinip1"> 
Labbrini p.1 - Lorem ipsum dolor sit amet</a><br/> 
</div></div> 

left2別のdiv＃を作成しました：

#left2 { 
background-color : transparent; 
position:fixed; 
display: table; 
z-index:1000; 
width:50%; 
height:100%; 
position:fixed; 
bottom:0; 
left:0; 
} 

もちろん#puntateのzインデックスは、私が以前にコードを掲載したではないごめんなさい

を#logoよりも高い値に設定されています。