多背景css3动画

我担心这不能完成，但它是我认为应该能够完成的事情。多背景css3动画

我有一个网页，其中身体有多个背景（一个是纯色，一个是黑色但只有0.2不透明度，第三个是纸张纹理）。这个想法是，根据特定的情况，纯色可以改变（使用CSS转换淡化）。第二层改变不透明度来操纵颜色的黑暗。

问题是这两个都是独立完成的，我不知道如何改变背景而不必声明它们。

例如我定义了这样的原始背景： background：url（“overlay.png”），rgba（0,0,0,0.3），-webkit-gradient（线性，顶部，底部，从（黑色）到（白色））;

-note我实际上并没有使用rgba（），因为这样做不起作用（Multiple CSS backgrounds, colour over image, ignored），所以我使用了一个可靠的渐变。我希望能够做到这样的事情：

background：，rgba（0,0,0,0.6）;; 或 background-2：rgba（0,0,0,0.6）;

这可能吗？

所以，你有两个纯色和图像？ –

将多个div彼此放置，并单独控制它们。

<div class="backgroundlayer1 backgroundlayer2 backgroundlayer3"> 
page in here 
</div>

然后你可以在每一层上单独工作。

或CSS中使用多个backkground

background-image:url(img1),url(img2);

最后一个是CSS3和可能缺乏支持

2011-07-21 11:48:25

这就是我正在做的 - 只是想知道你是否应该这样做，因为它似乎马虎和黑客 - 当你只针对现代浏览器，你不应该做的事情。 –

如果你只想要一个div，你可以编写class =“backgroundlayer1 backgroundlayer2 backgroundlayer3” –

回答