我担心这无法完成,但我认为这是应该能够完成的事情。
我有一个网页,其中正文有多个背景(一个是纯色,一个是黑色但只有 0.2 不透明度,第三个是纸张纹理)。这个想法是可以根据特定情况更改纯色(使用 CSS 过渡淡化)。第二层改变不透明度以控制颜色的暗度。
问题是这两个都是独立完成的,我不知道有什么方法可以更改其中一个背景而不必全部声明它们。
例如 我这样定义原始背景: 背景: 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),; 或者 background-2:rgba(0,0,0,0.6);
这可能吗?
最佳答案
将多个 div 放置在彼此之上,并单独控制它们。
<div class="backgroundlayer1 backgroundlayer2 backgroundlayer3">
page in here
</div>
然后您可以在每一层上单独工作。
或者在css中使用多个背景
background-image:url(img1),url(img2);
最后一个是 CSS3,可能缺乏支持
关于css - 多背景css3动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6765608/