z-indexの下のdiv：-1はクリック可能ではありません。

Question

こんにちは私は現在、複数のレイヤーを持っています。私はこのコンテンツコンテナを背面に設定しています。私のStyles.cssをここにここに私のコード

#content-container{ 
/**position**/ 
position: absolute; 
top: 0px; 
padding-top: 80px; 
padding-left: 80px; 
z-index: -1 !important; 
/**size**/ 
width: 100%; 
height: 100%; 
} 

でも、私は、クリックがabouveあるべきときである。このaccounts-containerを持っているので、私はこれを設定account-containerコード

#account-container { 
/**position**/ 
float:right; 
margin-top:2px; 
margin-right:-60px; 

/**size**/ 
width: 350px; 
height: 220px; 
border-radius: 5px; 

/**color**/ 
color:black; 
background-color: white; 

}

ですcontent-containerはこちらのとおりです

右上にはaccounts-containerが表示されていますが、div content-containerは何も起こりません。 アイデアはありますか？

Answer 1

あなたは（高いZインデックス）上記のいずれかの「層」を持っている場合は、あなたの「アカウント・コンテナ」、このコンテナ（透明部分）がnoneにCSSプロパティpointer-eventsセットを持っている必要があります。

.whatever { 
    pointer-events: none; 
} 

このオーバーレイにターゲティングされているクリックイベントを防止します。