需求：一個div設定了background: url，現在需要使圖片背景模糊，div內的文字清晰顯示。

解決方法：內容和圖片分別置於一個div，通過css設定背景div模糊度，設定內容div絕對位置，實質上是在底層加了一個div,給這個div設定模糊了。

<div class="banner_box">
    <div class="banner_bg" style="background: url(img/shouye2_06.png);"></div>
    <div class="banner swiper-container">
       這裡面是清晰的內容
    </div>
</div>

.banner_bg{

width:100%;

background-repeat:no-repeat;

background-size:cover;

-webkit-filter:blur(15px);

-moz-filter:blur(15px);

-o-filter:blur(15px);

-ms-filter:blur(15px);

filter:blur(15px);

position:absolute;

left:0;

top:0;

}