cssの質問です。

z-indexは親要素が保有している要素は、親の下に配置することはできないのでしょうか?
わかりにくいので例として。
<div id='A'>
<div id="b"><img src""></diV>
</diV>
などの場合div bの画像をdiv Aの下にもってくることは不可能かという質問です。

今回は別の部分から持ってきたので解決はしたのですが、気になったので質問しました。

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2012/09/21 14:04:20
  • 終了:2012/09/22 01:09:10

ベストアンサー

id:oil999 No.2

oil999回答回数1728ベストアンサー獲得回数3202012/09/21 23:06:11

ポイント100pt

親要素にz-indexを設定している場合、その中の要素でz-indexを指定しても親要素内でしか効果がありません。

id:snoopy_japan

ありがとうございます、意外と不便ですね。

2012/09/22 01:08:30

その他の回答(1件)

id:a-kuma3 No.1

a-kuma3回答回数4596ベストアンサー獲得回数19352012/09/21 16:50:05

ポイント100pt

https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index
ここを読むと分かる。

「できない」って書いてあるのは、ここらへん。
https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context

Within a stacking context, child elements are stacked according to the same rules previously explained. Importantly, the z-index values of its child stacking contexts only have meaning in this parent. Stacking contexts are treated atomically as a single unit in the parent stacking context.



本家よりは、MDN の方が分かりやすいと思うので、そちらを紹介しました。
本家では、ここらへんになるのかな...
http://www.w3.org/TR/CSS21/visuren.html#z-index

Within each stacking context, positioned elements with stack level 0 (in layer 6), non-positioned floats (layer 4), inline blocks (layer 5), and inline tables (layer 5), are painted as if those elements themselves generated new stacking contexts, except that their positioned descendants and any would-be child stacking contexts take part in the current stacking context.

id:snoopy_japan

すみません、よめません。

2012/09/22 01:08:33
id:oil999 No.2

oil999回答回数1728ベストアンサー獲得回数3202012/09/21 23:06:11ここでベストアンサー

ポイント100pt

親要素にz-indexを設定している場合、その中の要素でz-indexを指定しても親要素内でしか効果がありません。

id:snoopy_japan

ありがとうございます、意外と不便ですね。

2012/09/22 01:08:30

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません