BBS
HTML
CSS
JavaScript
DHTML
フィルタ
CGI
アクセス向上
音楽&動画
カラー
画像
フォント
特殊文字
HP作成リンク
サイト宣伝リンク
ACCESS R
ホーム
>
CSS
>
CSSプロパティ
>
z-index
■z-index
要素の重ね合わせの順序を指定する事が出来ます。重なり合わせたときにどの要素が前面に表示されるかを指定します。スタイルシートにより、「
position
」、「
top
」「
bottom
」「
left
」「
right
」を指定した時に要素が重なり合ったときに主に効果を発揮します。
要素の重ね合わせを設定するには、「
z-index
」プロパティにより行います。
z-index
要素の重ね合わせの順序を指定する事が出来ます。重なり合わせたときにどの要素が前面に表示されるかを指定します。スタイルシートにより、「
position
」、「
top
」「
bottom
」「
left
」「
right
」を指定した時に要素が重なり合ったときに主に効果を発揮します。
設定値
説明
auto
最後に記述されたものが前面に表示。
数値
0を基準とし、数値が増える程前面に表示され、マイナスになるほど背面に表示されます。
inherit
継承
■ソース
<HTML> <HEAD> <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <TITLE>z-index</TITLE> <STYLE TYPE="text/css"> <!-- .zi1 {position:absolute; top:900px; left:100px; z-index:1; } .zi2 {position:absolute; top:910px; left:110px; z-index:2; } .zi3 {position:absolute; top:920px; left:120px; z-index:3; } --> </STYLE> </HEAD> <BODY> <DIV CLASS="zi1"><IMG SRC="html_1.gif"></DIV> <DIV CLASS="zi2"><IMG SRC="html_1.gif"></DIV> <DIV CLASS="zi3"><IMG SRC="html_1.gif"></DIV> </BODY> </HTML>
■対応ブラウザ
z-index
設定値
IE3
IE4
IE5
IE5.5
IE6
N3
N4
N6
N7
O6
O7
auto
×
●
●
●
●
×
●
●
●
●
●
数値
×
●
●
●
●
×
●
●
●
●
●
inherit
×
×
×
×
×
×
×
●
●
●
●
[
ホーム
] [
CSS
] [
CSSプロパティ
] [
↑ページ最上部へ戻る
]
Webデザイナーになれる!
HTML、FLASH、CSS等様々なWeb技術やデザインに関することを学ぶことが出来ます。Webデザイナーなら、是非どうぞ!
資料請求は無料!です。
Copyright © 2000-2003 ACCESS R All rights reserved. Presented by Ruby