5

無理だとは思いますが、質問させてください。

<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背景を使用したいと思います。背景の性質上(繰り返しパターンではなく描画です)、背景画像を にそのまま適用することはできません。の背景に穴を開けて、親の背景ではなく、背景画像を背景として取得する方法が実際に必要です。bodydiv1backbackchild1div1child1back

私の質問は次のとおりです。親の背景とは対照的に、divが祖父母の背景を継承できる方法はありますか?

これが CSS で不可能な場合は、javascript ソリューションを受け入れます。

4

4 に答える 4