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>
インスタンスの実行 »

[インスタンスの実行] ボタンをクリックしてオンライン インスタンスを表示します

人気のおすすめ

ホームページ

動画

に質問