我担心这不可能做到,但我认为应该可以做到这一点。
我有一个网页,身体有多个背景(一个是纯色,一个是黑色但只有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);
这可能吗?
答案 0 :(得分:0)
将多个div放在一起,并单独控制它们。
<div class="backgroundlayer1 backgroundlayer2 backgroundlayer3">
page in here
</div>
然后你可以在每一层上单独工作。
或在css中使用多个backkground
background-image:url(img1),url(img2);
最后一个是CSS3,可能缺乏支持