Q

試圖在圖像的一部分上產生背景模糊而不影響覆蓋它的文字

2016-03-15 40 views -1 likes

-1

首先，我是UI/UX設計師，請原諒我糟糕的CSS/HTML。我試圖在圖像上的某些文本下面引入背景模糊。目前，div被設置爲一個稍微透明的紅色，從而創建了這個疊加層。這是基於WordPress的，因此我試圖找出一種方法來通過在Chrome中檢查網站來實現此目的。試圖在圖像的一部分上產生背景模糊而不影響覆蓋它的文字

請查看照片和說明以更好地理解我正在嘗試執行的操作。

第一幅圖像當前形勢第二圖像（4）是理想狀況

不幸的是我的名聲不夠高，顯示更

2016-03-15 van

+0

發表您已經嘗試過的代碼。 –

+0

抱歉，我不明白什麼是問題，你的目標是什麼;這個問題也缺少一段相關的代碼。 –

+0

看起來像[模糊過濾器]（https://developer.mozilla.org/en-US/docs/Web/CSS/filter）會起作用，如果[這個舊示例]（http://jsfiddle.net）/ttumsmom/3 /）可以實現您要查找的內容。 – colonelsanders

A

回答

0

你不要給任何代碼，所以我不得不猜測。

如果你的主背景是fixed，那麼你可以在你想要模糊背景的元素中添加一個額外的元素（我們稱其爲「模糊」），拉伸用「覆蓋」填充「模糊」的寬度和高度，將主背景設置爲fixed位置的「覆蓋」，並在其上使用模糊濾鏡。

2016-03-18 11:07:11 xpy

1

因此，根據用戶colonelsanders的評論，我能夠介紹一個新的div和模糊背景！

謝謝大家，對不起，發貼者

2016-03-20 16:49:00 van

相關問題