首頁猿問如何在CSS毛玻璃效果上添加文字？

如何在CSS毛玻璃效果上添加文字？

JavaScript

滄海一幻覺 2018-10-02 13:29:39

最近寫了一個簡單的毛玻璃效果，操作流程是以一個圖片為背景并模糊，同時再在此背景上加上一層半透明的效果就制成毛玻璃的特效，但是想在毛玻璃上輸入文字卻一直不顯示，求一下問題出在哪里？如何解決？html部分： <div class="container-fluid about"> <p>關(guān)于我</p> <--此處不顯示--!> <div class="intro"> <p>關(guān)于我</p><--此處不顯示--!> </div> </div>css部分：

查看完整描述

1 回答

月關(guān)寶盒

TA貢獻(xiàn)1772條經(jīng)驗(yàn) 獲得超5個贊

.about 這個設(shè)置blur。你里面的內(nèi)容也模糊了
.about .intro 這個你應(yīng)該用absolute，top:0;left:0這樣才能確保覆蓋住了
和.about同級放一個p。給這個p設(shè)置absolute。就可以看到了，不行的話，再設(shè)置absolute

反對回復(fù) 2018-11-08