使用屬性：
filter:(2px)
為了美觀不能使背景前的文字模糊，而filter屬性會使這整個div的後代並且還會出現白邊。也就是說無法達到這個效果。怎麼辦呢？我們可以使用偽元素，這樣我們也順便解決了白邊的問題。
實現思路：
在父容器中設定背景，並且使用相對定位，方便偽元素重疊。而在:after中只需要繼承背景，並且設定模糊，絕對定位覆蓋父元素即可。這樣父容器中的子元素便可不受模糊度影響。因為偽元素的模糊度不能被父元素的子代繼承。
說了這麼多，來點**提提神。
簡單的html布局：
like windowdiv>
div>
css：
/*背景模糊*/
.bg.bg:after
.drag
上面的**還有乙個保證div居中的方法，細心的同學應該已經注意到了吧！不使用flex布局的情況下這樣居中應該是比較簡單的方法了。
那麼這樣寫**表現出來的效果是怎麼樣的呢？
背景區域性模糊
相比較上乙個效果而言，背景區域性模糊就比較簡單了。這時父元素根本就不用設定偽元素為模糊了。直接模擬上面的**把子元素模糊掉，但是子元素的後代可能不能模糊了（這點要注意，解決辦法就是上乙個效果的描述那樣）。
html布局稍微變了一下：
like windowdiv>
div>
div>
/*背景區域性模糊*/
.bg.drag
.drag >div
.drag:after
背景區域性清晰
背景區域性清晰這個效果說簡單也不簡單，說難也不難。關鍵還是要應用好background:inherit屬性。這裡可不能使用transform讓它垂直居中了，大家還是選擇flex布局吧。如果這裡再使用transform屬性的話會讓背景也偏移的。這樣就沒有區域性清晰的效果了。
html布局不變，
注意看css的變化：
/*背景區域性清晰*/
.bg.bg:after
.drag
16 css實現模糊背景
使用屬性 filter 2px 普通背景模糊 為了美觀不能使背景前的文字模糊，而filter屬性會使這整個div的後代並且還會出現白邊。也就是說無法達到這個效果。怎麼辦呢？我們可以使用偽元素，這樣我們也順便解決了白邊的問題。實現思路 在父容器中設定背景，並且使用相對定位，方便偽元素重疊。而在 aft...
16css排版 正常流
1.正常流的行為 2.正常流的原理 一句話描述正常流的排版行為 依次排列，排不了換行。2 1 格式化上下文 在css標準中，規定了如何排布每乙個文字或者盒的演算法，這個演算法依賴乙個排版的 當前狀態 css把這個當前狀態稱為 格式化上下文 我們需要排版的盒，分為塊級盒和行內級盒，所以排版需要分別為它...
CSS設定背景模糊的實現方法
這篇文章主要介紹了css設定背景模糊的實現方法,簡單易懂，非常不錯，具有一定的參考借鑑價值，需要的朋友可以參考下 在做一些頁面的時候，為了讓頁面更好看，我們常常需要設定一些背景，但是，當背景太過花哨的時候，又會影響我們的主體內容，所以我們就需要用到 filter 屬性來設定他的模糊值。html 如下...