0

div背景画像があります。でも、一番下にある の別の背景を忘れていたことにようやく気づきdivました。だから私は:after擬似と挿入されたものを使用しました。

に入る:after背景は、本体の背景とうまくフェードする透明な画像になるはずでした。しかし今、親の背景は疑似要素divにあるものより遅れています。:after

親の背景を疑似要素divに表示しないようにする方法はありますか?:after

ここで編集 は私のコードです

.foo{
    height: 30px;
    padding-bottom: 20px;
    background: url(i/myimage.png) no-repeat;
}
.foo:after{
    display: block;
    position: absolute;
    right: 0;
    background: url(i/pseudo-elem-bg.png) no-repeat;
    content: ' ';
    height: 20px; /*takes the bottom padding
}
4

2 に答える 2

0

別の背景を追加するためだけに疑似要素を作成している場合は、代わりに複数の背景を設定でき、設定した順序で表示されます。

何かのようなもの：

div {
  background: url(bg.png),
              url(otherbg.png);
  background-position: center top,
                       center bottom;
}

他の背景プロパティを使用して、同じ方法で並べ替えることができます。

于 2013-04-10T17:24:54.117 に答える
0

::after疑似要素は、兄弟ではなく、親セレクターの最後の子である要素を追加します (したがって、選択された要素の後の要素) transparent。

おそらく実際の要素など、疑似要素以外の別のソリューションを使用する必要があるかもしれません。現在のコードを確認すると、ケースに最適なソリューションを見つけるのに役立つ場合があります。

于 2013-04-10T17:24:00.697 に答える