人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

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

●質問者: snoopy_japan
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● a-kuma3
●100ポイント

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.


snoopy_japanさんのコメント
すみません、よめません。

2 ● oil999
●100ポイント ベストアンサー

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


snoopy_japanさんのコメント
ありがとうございます、意外と不便ですね。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ