![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
に来るのでしょうか?
以下のサイトで
http://ameblo.jp/coquemicot/entry-11400206825.html
そう説明されているのですが、私は逆でz-indexが0の要素の方が上に来ると思うのですが・・・
No.1ベストアンサー
- 回答日時:
なにはともあれ、仕様書だけはチェックする癖をつけないと、自己流解釈のサイトをいくら見たって役に立たない。
⇒9.9 レイヤーの表現( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
ご覧になるとわかるように(初期値: auto)ですからデフォルトはautoです。
auto
現在のスタックコンテキストでの生成ボックスのスタックレベルは0になる。ボックスはルート要素でない限り新しいスタックコンテキストを設置しない。
スタックコンテキストを設置しないのですから、対象外ですね。
ですので、position:relative;ないし、absoluteなどで親となるブロックのスタックを指定しないと、このz-indexの値が、スタックコンテキストを精製していない場合の負の値が理解できなくなっちゃうのです。
仕様書を見ればお分かりのように、集計結果が負になるときの挙動は書かれていませんね。--ブラウザによって解釈が変わる場合があります。---
あくまでスタックレイヤーを作成して、そのうえで負の値を指定してご覧なさい、きちんと順番どおりに重ねられるはずです。
ありがとうございました。
負の値は使わない方が良さそうですね。と言うのも、おっしゃるようにブラウザ(IEとFireFox)によって挙動が違いました。
No.2
- 回答日時:
No.1の追記です。
⇒CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ( http://webdesignrecipes.com/css-visual-formating … )
⇒CSS の z-index について整理してみる | かたつむりくんのWWW( http://www.tinybeans.net/blog/2009/02/19-134819. … )
要は、HTMLとCSSの仕様書くらいは読みましょうということ。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- Excel(エクセル) エクセルからスプレッドシートに数式を移植で起こるエラーについて。 2 2023/08/05 10:56
- その他(プログラミング・Web制作) どういうプログラムで組みますか?google colabでやってるんですけど、出来る方お願いします。 1 2022/07/06 09:28
- Excel(エクセル) エクセルでエラーを無視して一番左側のセルの値を返したい 2 2023/07/27 13:06
- 大学・短大 C言語線形リストの問題です 3 2022/12/22 00:45
- 数学 画像に関して質問がございます。 0<|z+1|<2の時、z=-1の時とz=1の時において、 「z=- 1 2023/08/07 12:41
- 数学 複素関数にロピタルの定理を使おうとしている回答者は、複素関数論はおろか微積分学もよく分かっていない、 5 2022/12/28 18:02
- その他(プログラミング・Web制作) このプログラミングをどう組みますか? Googlecolabでやってるんですが、出来る方お願いします 1 2022/07/13 10:52
- その他(プログラミング・Web制作) pythonにおける単方向リストの実装について 4 2022/07/13 12:34
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
2個のFormを横並びにしたい
-
質問1.
-
マージソートの計算量について-...
-
C言語線形リストの問題です
-
FireFoxでリンクをクリックして...
-
NからZへの全単射を具体的に構...
-
射出成形機の射出・保圧について
-
親要素・子要素
-
C言語 並び替え(配列)について
-
改行ほどは行かないけど、若干...
-
html タグの閉じスラッシュ前の...
-
エクセルVBAにてURLの抽出
-
cssで背景の幅を設定
-
【C++】Vector、listの要素比較...
-
グループLINEトークやオプチャ...
-
配列の要素をまとめて比較したい
-
aの中にspan
-
含む含まないという概念自体の...
-
「position:absolute」のIEのバ...
-
smallにtext-allignが効かない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
2個のFormを横並びにしたい
-
含む含まないという概念自体の...
-
角丸画像の背景色を透明にした...
-
smallにtext-allignが効かない
-
超音波で洗脳。
-
質問1.
-
「諸要素」とはどういう意味で...
-
改行ほどは行かないけど、若干...
-
1から100までの自然数のうち、2...
-
マージソートの計算量について-...
-
タグは大文字と小文字どちらが...
-
textareaの幅を画面と合わせたい
-
親要素・子要素
-
テキストボックスの中にリンク...
-
html タグの閉じスラッシュ前の...
-
input type="hidden"で取得した...
-
NからZへの全単射を具体的に構...
-
【CSS】imgタグを、親要素の幅...
-
HTMLページ上でiframeを最前面...
おすすめ情報