如何在白色css背景上疊加黑色文本和圖像？

-2

我聽起來像這樣的問題：我有一個背景CSS圖像覆蓋白色背景顏色和不透明度0.8，所以白色背景後面的圖像可能會有點可見。我想在兩個背景上添加一些文字和另一個圖像，但不透明度也對我的文字&圖像有效，因爲這兩者都很難看清。這裏也是我在這一刻的截圖。 http://prnt.sc/c8uf8q 如何在白色css背景上疊加黑色文本和圖像？

來源

2016-08-22 Razvan Rusu

的可能的複製（HTTP [CSS背景圖像不透明度？]：/ /stackoverflow.com/questions/6890218/css-background-image-opacity） –

歡迎來到堆棧溢出！尋求代碼幫助的問題必須包含在問題本身中重現**所需的最短代碼**最好在[** Stack Snippet **]中（https://blog.stackoverflow.com/2014/09/introducing-runnable） -javascript-CSS-和HTML的代碼段/）。請參閱[**如何創建一個最小，完整和可驗證示例**]（http://stackoverflow.com/help/mcve） –

如何設置背景顏色和不透明度以覆蓋？如果你定義的屬性是這樣的：

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

然後將其替換爲：

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

文本將是可見的

來源

2016-08-22 10:40:53 hdev

這裏是我用來從上面的截圖中獲取圖像的代碼http： //prnt.sc/c9p9ss –

消除不透明度：0.8;從#uniquedesign :: before {} 之前，因爲你已經在後臺設置了不透明度值：rgba（255,255,255,0.8）; 。這裏最後一個參數（0.8）代表不透明度。 – hdev

如何在白色css背景上疊加黑色文本和圖像？

回答

相關問題