ホームページ >ウェブフロントエンド >フロントエンドQ&A >z-index 属性とは何ですか?
z-index 属性は、CSS で要素の重なり順を設定するために使用される属性です。より高い重なり順を持つ要素は常に、より低い重なり順を持つ要素の前に配置され、要素には負の値が付けられる場合があります。 z-index 属性値。
可能な値auto デフォルト。積み重ね順序は親要素と同じです。 number 要素の重なり順を設定します。 inherit は、z-index 属性の値を親要素から継承することを指定します。 [推奨学習:
css ビデオ チュートリアル ]
例
画像の Z インデックスを設定します:<html> <head> <style type="text/css"> img { position:absolute; left:0px; top:0px; z-index:-1; } </style> </head> <body> <h1>This is a heading</h1> <img src="/i/eg_smile.gif" / alt="z-index 属性とは何ですか?" > <p>由于图像的 z-index 是 -1,因此它在文本的后面出现。</p> </body> </html>効果:
以上がz-index 属性とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。