首页 文章

多个背景css3动画

提问于
浏览
1

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

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

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

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

背景:,rgba(0,0,0,0.6),; OR background-2:rgba(0,0,0,0.6);

这可能吗?

1 回答

  • 0

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

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

    那么你可以在每一层上单独工作 .

    或者在css中使用多个backkground

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

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

相关问题