使透明卡面板下的區域變暗而不會使背景圖像變暗

Question

我的網頁上包含一張背景圖像和一個透明卡面板。是否可以在保持透明卡面板下方區域的亮度一致的同時使背景圖像變暗？

Answer 1

取決於你通常可以卡的位置和形狀。我應該做的是： - 創建一個僞元素具有背景圖像

的HTML元素 - 拉伸僞元素出來，以適應父元素

的整個區域 - - 請確保僞構件留在你的情況父內容（卡）下

- 使僞元素期待通過添加背景變暗，用線性梯度。

通過使用線性梯度，可以控制該背景圖像的部分看起來比其他部分更暗，這你不想顯得較暗應具有線性梯度值作爲透明的部分。這種技術在大多數情況下對於正常的形狀/位置都能正常工作，但它有其自身的限制。我留給你研究如何使用它們。

如果你不使用這些術語和技術，我把下面幾個環節：

僞元素： https://www.w3schools.com/css/css3_gradients.asp

線性漸變作爲背景： https://www.w3schools.com/css/css3_gradients.asp