css - 是否可以在不同的部分重复一个带有 1 个背景图像的 div？

Question

让我解释一下。

我有一个 div，叫做 main。在这个 div 中，您会找到 h1 标签和 p 标签。

在div的顶部，有一个渐变。向下看，图像将淡化为带边框的纯白色(这意味着我不能只使用 no-repeat 然后使用 #FFF 作为背景色)。

因此，我想知道是否有可能让白色部分永远持续下去，而无需制作非常大的图像并且无需创建新的 div。

注意:h1 和 p 标签将是透明的。

Answer 1

是的……请看这个例子。 http://techknack.net/css-trick-two-background-images/

你也可以这样做..

#id_test{
background-image: url(../pix/logo_quirksmode.gif), url(../pix/logo_quirksmode_inverted.gif);
}