2016-08-22 17 views
-2

問題は私のように聞こえます:私はオーバーレイ白の背景色と不透明度0.8の背景CSS画像を持っているので、白い背景の画像が少し見えることがあります。両方の背景にテキストと別の画像を追加したいのですが、不透明度はテキスト&の画像でも有効です。そのため、両方が見えにくいです。 この瞬間に私が持っているもののスクリーンショットもあります。 http://prnt.sc/c8uf8q白いCSSの背景に黒いテキストと画像をオーバーレイする方法は?

+0

可能な複製(HTTP [CSSの背景画像-不透明度?]://stackoverflow.com/questions/6890218/css-background-image-opacity) –

+1

ようこそスタックオーバーフロー!コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable)で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルを作成する方法**](http://stackoverflow.com/help/mcve)を参照してください。 –

答えて

0

どのように背景色と不透明度をオーバーレイに設定しますか?あなたはこのような特性を定義した場合 :

.overlay{ 
    background-color: white; 
    opacity: 0.8; 
} 

を、その後に置き換えます表示されます

.overlay{ 
    background: rgba(255,255,255,0.8); 
} 

テキスト

+0

上記のスクリーンショットからイメージを取得するために使用しているコードは次のとおりですhttp: //prnt.sc/c9p9ss –

+0

不透明度を削除:0.8; #uniquedesign :: before {} から、既に不透明度の値をバックグラウンドで設定しているためです:rgba(255,255,255,0.8); 。最後の引数(0.8)は不透明度を表します。 – hdev

関連する問題