複数の背景css3アニメーション

Question

これはできないことを恐れていますが、それでもやるべきことだと思うものです。

ボディに複数の背景があるウェブページがあります（1つは単色、1つは黒ですが、わずか0.2の不透明度、3つ目は紙の質感です）。その考え方は、特定の状況に応じてソリッドカラーを変更することができます（CSSトランジションを使用して色あせさせることができます）。 2番目のレイヤーは、色の濃さを操作するために不透明度が変更されます。

これらの問題はどちらも独立して行われているため、それらをすべて宣言することなく背景を変更する方法はわかりません。

オリジナルの背景を次のように定義します： 背景：url（ "overlay.png"）、rgba（0,0,0,0.3）、-webkit-gradient（線形、上、下、（黒）から白））;

注：私は実際にrgba（）を使用しないと動作しません（Multiple CSS backgrounds, colour over image, ignored）ので、グラデーションは実用的です。

バックグラウンド：、rgba（0,0,0,0.6）、;などのようにすることができます。 OR background-2：rgba（0,0,0,0.6）;

これは可能ですか？

Answer 1

複数のdivを相互に配置し、個別に制御します。

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

各レイヤーで個別に作業できます。

またはCSSで複数のbackkgroundを使用

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

最後のものはCSS3であると、あなたは2つの固体の色とイメージを持っているので、サポート