背景イメージの透明度を指定するCSS3の方法はありますか？

背景色：rgba（）が見つかりましたが、これは背景を指定するだけです色のアルファ。画像がCSS3のbackground-image（）を使用して指定されているときに、背景のようなものがありますか？画像？純粋なCSS3ソリューションがない場合、これを行う最もエレガントな方法は何ですか？背景イメージの透明度を指定するCSS3の方法はありますか？

出典

2011-07-09 Phillip

私は通常、PNGを使用して保存時に適切な透明度にしています。 – prodigitalson

あなたはその唯一の目的続いて、その上に配置され、あなたのコンテンツが含まれてい兄弟 div要素を持っている背景もあり、それを

opacity: 0.5;

を与えることであるdiv要素を追加することができます。

出典

2011-07-09 02:49:02

コンテナのサイズを同じにするには、の上にの割合で背景色を塗りつぶしてください。

ie。

html { 
    background-image: url(blah.jpg); 
} 

body { 
    background-color: rgba(255,255,255,0.5); 
}

他の要素と重なっている要素で背景イメージを半透明にする必要がある場合、この方法は機能しません。

出典

2011-07-09 02:54:56 ghoppe

'rgba（）'の4番目のパラメータは不透明度を定義しているので、 'background-color：rgb（...）'というスタイルの上の行を定義したいので、古いブラウザで動作します - http：// css -tricks.com/2151-rgba-browser-support/。 –

div.gallery { 
    background-image: url(...........); 
    filter :alpha(opacity=0.8); 
    opacity : .8; 
}

この要素の子要素は、不透明度を継承します。問題がある場合は、JD Parsonsが言ったことがあります。 filterプロパティはIE用です。 [CSS3 Visual Quickstart Guideから変更された例]

出典

2011-07-09 03:05:44 Mark

背景イメージの透明度を指定するCSS3の方法はありますか？

答えて

関連する問題