我正在尝试在一个background-image
图层中使用<div>
的2个实例。
第一个background-image
(部分透明)应显示在top
的{{1}},第二个应直接显示在第一个<div>
下(此作品)。
由于动态内容,高度为background-image
的第二张图片应垂直重复(1px
)并在第一张repeat-y
下重复开始。我的问题是,当我尝试重复第二个background-image
时,它会在整个background-image
图层上重复。
<div>
答案 0 :(得分:1)
我建议使用:before或:after伪选择器。您可以像往常一样将重复背景放在div上,然后将非重复背景放在伪选择器元素中。
本教程应该能够为您提供有关此方法的一些好的指示:
http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/
答案 1 :(得分:0)
我建议您使用z-index