在第一张图像下重复第二张背景图像

时间:2012-01-08 16:10:27

标签: html css background-image

我正在尝试在一个background-image图层中使用<div>的2个实例。 第一个background-image(部分透明)应显示在top的{​​{1}},第二个应直接显示在第一个<div>下(此作品)。

由于动态内容,高度为background-image的第二张图片应垂直重复(1px)并在第一张repeat-y下重复开始。我的问题是,当我尝试重复第二个background-image时,它会在整个background-image图层上重复。

<div>

2 个答案:

答案 0 :(得分:1)

我建议使用:before或:after伪选择器。您可以像往常一样将重复背景放在div上,然后将非重复背景放在伪选择器元素中。

本教程应该能够为您提供有关此方法的一些好的指示:

http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/

答案 1 :(得分:0)

我建议您使用z-index