-
ID:uDDvVy さんの質問

親要素に指定した背景を、子要素の全面に出すことは可能でしょうか?

以下のようなソースがあったと仮定して、
ーーー HTML ーーー
<div id="oya">
  <div id="ko">
  </div>
</div>
ーーー CSS ーーー
#oya {
width: 300px;
height: 300px;
background: #999;
}
#ko {
width: 100px;
height: 100px;
background: #CCC;
}

親要素に指定されているbackground: #999;を、#koの前に持ってくることはできるのでしょうか。
当然ですが、z-indexはダメでした。
#koを囲むようにもう一つdivか何か入れないとダメですかね…。

みんなの回答 3 件

ID:BF1JcI さんの回答

positionでどうにかなりませんか?知らないけど。、

ID:Ig7pGy さんの回答

ムチャ言うなよ。#koを#oyaの外に出して重ねるしかない。

ID:uDDvVy

たぶんできないだろうなとは思ってますけど、もしかしてと思って聞いているだけです。

ID:kInr8w さんの回答

解決策を見つけるためにもう少し理由を詳しく。なぜしたいのか。
#oyaの代わりに#koの兄弟ではだめでしょうか。

ID:uDDvVy

例えば、#oyaにグラデーションをかけていて、#ko1、#ko2にそれぞれ画像を置くことにした時に、画像の透過度は変えずに画像の上からグラデーションを乗せたい場合などですかね。
グラデーションはページ全体にうっすらとかけたいだけなので、#koそれぞれを別の要素で囲んでグラデーションをかけるのはちょっと違うというか。

最終更新日:2014-08-13 (4,409 views)

関連するトピックス

ページ上部に戻る