無理だとは思いますが、質問させてください。
<body> //body uses 'back' background
<div id="div1"> //div1 uses 'front' background
<div id="child1"> //child1: no backgrounds, so shows 'front' background
</div>
</div>
</body>
- 私の
body
要素は背景画像を使用しています。back
(これを背景画像と呼びます) div1
別の背景画像 (背景画像と呼びますfront
) を使用するため、front
背景画像はメインの背景画像を覆います。- div1 には
child1
背景画像を使用しない子 div が含まれているため、親の背景画像、つまり背景を表示するだけfront
です。
親の背景ではなく、のchild1
背景を使用したいと思います。背景の性質上(繰り返しパターンではなく描画です)、背景画像を にそのまま適用することはできません。の背景に穴を開けて、親の背景ではなく、背景画像を背景として取得する方法が実際に必要です。body
div1
back
back
child1
div1
child1
back
私の質問は次のとおりです。親の背景とは対照的に、divが祖父母の背景を継承できる方法はありますか?
これが CSS で不可能な場合は、javascript ソリューションを受け入れます。