問題は私のように聞こえます:私はオーバーレイ白の背景色と不透明度0.8の背景CSS画像を持っているので、白い背景の画像が少し見えることがあります。両方の背景にテキストと別の画像を追加したいのですが、不透明度はテキスト&の画像でも有効です。そのため、両方が見えにくいです。 この瞬間に私が持っているもののスクリーンショットもあります。 http://prnt.sc/c8uf8q白いCSSの背景に黒いテキストと画像をオーバーレイする方法は?
-2
A
答えて
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
関連する問題
- 1. 黒いテキスト - 黒い背景の白い
- 2. 背景画像上にCSSオーバーレイ画像
- 3. アンドロイドの白い背景画像に白いテキストを重ねる
- 4. テキストをカバーするIonic 3背景画像オーバーレイ(HTML&CSS)
- 5. のオーバーレイ画像と背景
- 6. CSS背景画像の色オーバーレイ
- 7. 背景画像ではない画像に黒いオーバーレイを追加するwordpressはプラグインを投稿します
- 8. 黒色のCSS背景でテキストを白くする
- 9. ステータスバーを私のアプリケーションの白い背景と黒のテキスト(黒いアイコン)に設定する方法
- 10. 白い背景と黒のテキストの色はアンドロイドのアプリ
- 11. .cssの余白が背景の画像
- 12. 画像の白い背景をCSSで透明にします
- 13. TouchImageViewによるオーバーレイ画像と背景画像のズーム
- 14. MagentoはPNG画像に黒い背景を追加します
- 15. CSS - 背景画像
- 16. CSS背景画像
- 17. アップロード/リサイズ時に黒い背景を表示するPNG画像
- 18. CSSの背景画像が白にフェードする
- 19. 背景画像を変更するときに白い点滅
- 20. 画像の白い背景を削除するには - java
- 21. CSS:背景色の背景画像
- 22. パンした画像の背景に黒い背景があります。 Swift 3
- 23. HTML/CSS:背景オーバーレイ
- 24. Woocommerceオプションボックスのテキスト白い背景に白い背景、スタイルが無効にする
- 25. css背景画像が背景の背景色をぼやけている
- 26. CoreGraphics OpenGLの画像レンダリングに黒い背景がある
- 27. 背景ビデオにテキストをオーバーレイする方法は?
- 28. 画像に黒い背景を与えますか?
- 29. Magento画像の背景から黒の画像を取り除く方法
- 30. CSS:背景画像とdivの上のテキストと六角
可能な複製(HTTP [CSSの背景画像-不透明度?]://stackoverflow.com/questions/6890218/css-background-image-opacity) –
ようこそスタックオーバーフロー!コードヘルプを求める質問には、質問自体に** ** [** Stack Snippet **](https://blog.stackoverflow.com/2014/09/introducing-runnable)で**それを再現するのに必要な最短コードを含める必要があります** -javascript-css-and-html-code-snippets /)。 [**最小限で完全で検証可能なサンプルを作成する方法**](http://stackoverflow.com/help/mcve)を参照してください。 –