多个背景css3动画

时间:2011-07-20 16:59:20

标签: css css3 background

我担心这不可能做到,但我认为应该可以做到这一点。

我有一个网页,身体有多个背景(一个是纯色,一个是黑色但只有0.2不透明度,第三个是纸质纹理)。这个想法是可以根据特定情况改变纯色(使用CSS过渡淡化)。第二层的不透明度会改变,以控制颜色的暗度。

问题是这些都是独立完成的,我不知道如何改变其中一个背景而不必全部声明它们。

e.g。 我定义了这样的原始背景: background:url(“overlay.png”),rgba(0,0,0,0.3), - webkit-gradient(linear,top,bottom,from(black),to(white));

- 注意我实际上并没有使用rgba()因为它不起作用(Multiple CSS backgrounds, colour over image, ignored)因此我使用了一个实心的渐变。我希望能够做到这样的事情:

背景:,rgba(0,0,0,0.6),; 要么 背景-2:RGBA(0,0,0,0.6);

这可能吗?

1 个答案:

答案 0 :(得分:0)

将多个div放在一起,并单独控制它们。

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

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

或在css中使用多个backkground

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

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

相关问题