html - cssでz-indexを設定する方法は？

Question

z-indexを設定できません。z-indexの位置や値を設定する方法を教えてください。

Answer 1

z-index：[いくつかの数値];

ただし、それを有効にするには、絶対位置または相対位置を使用する必要があります

Answer 2

試すコードと例は次のとおりです。

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_zindex

z-indexおよびその他のプロパティのテスト値を入力するだけで、その動作をすぐにテストできます。

詳細情報を追加

画像のz-indexは次のように定義されています。

img
{
 position:absolute;
 left:0px;
 top:0px;
 z-index:-1;
}

z-indexに関して変更できるものが2つあります。

position: absolute  | relative | fixed
z-index: +ve | -ve value from -9999 to 9999

上記の例では、値をリアルタイムで変更して、効果を確認し、理解を深めることができます。

Answer 3

z-index配置された要素でのみ機能します。positionたぶん、あなたは財産を適用せず、それをz-index試してみました

<style type="text/css">
.myelement{
    position:relative; /*You can put position relative absolute or fixed for z-index to work*/
    z-index:100;
}
</style>

詳細については、このページを参照してください W3Schoolsページ

Answer 4

Divの場合：

#yourdiv {
 z-index: 9999 ; //whatever the value you want
}

授業のために：

.class {
 z-index: 9999;
}