css z-index プロパティ
翻訳結果:
index
UK[ˈɪndeks] US[ˈɪnˌdɛks]
n.index;<number>index;indication;sign
vt.Index...;Index...;[経済学]生活指標(賃金、物価など)に応じて調整
vi.[力学]転置
css z-index プロパティ構文
関数: z-index 属性は要素の積み重ね順序を設定します。積み重ね順序が高い要素は常に、積み重ね順序が低い要素の前に表示されます。
説明: このプロパティは、表示領域に対して垂直に伸びる軸として定義される Z 軸に沿って、配置された要素の位置を設定します。正の数の場合はユーザーに近くなり、負の数の場合はユーザーから遠ざかります。
注: すべての主要なブラウザは z-index 属性をサポートしています。属性値「inherit」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。要素には負の z-index 属性値を指定できます。 Z-index は位置決めされた要素 (position:absolute; など) でのみ機能します。
css z-index プロパティ例
<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="http://img.php.cn/upload/article/000/005/656/5af270fd37755429.jpg" /> <p>由于图像的 z-index 是 -1,因此它在文本的后面出现。</p> </body> </html>
[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します