これがフィドルです：http://jsfiddle.net/dzAJp
すべての div は背景色として水色を持ち、.cssbackground-colorスタイルではなく、.css スタイルによって追加されbackground-imageます。
既存の背景色を rgba(0,0,0,0.1) と組み合わせて、2 番目の div を少し暗くしたいと思います。ポイントは、lightblue をdivタグに対して 1 回だけ指定し、どのクラスにも指定しないことです。
画像を背景として使用せずにcss3で可能ですか?
暗い:
box-shadow: inset 100px 100px rgba(0,0,0,0.1);
ライター：
box-shadow: inset 100px 100px rgba(255,255,255,0.1);
デモ: http://jsfiddle.net/dzAJp/3/
上記のコード例では、サイズを 100px に設定して、含まれているオブジェクトのサイズと一致させています。明らかに、要素がすべて 100 ピクセルの正方形でない場合、これはあまり移植性がありません。
これを克服するために、任意の高いピクセル値を設定できます (残念ながらbox-shadowパーセンテージは受け入れられません)。
box-shadow: inset 10000px 10000px rgba(0,0,0,0.1);
最後にbox-shadow、ブラウザの互換性に関する次のリンクを参照してください: http://css-tricks.com/snippets/css/css-box-shadow/
ボックス シャドウ プロパティを使用する
お気に入りbox-shadow: inset 100px 100px rgba(0,0,0,0.1);
close0で暗く、close256で明るく