在CSS3中模糊背景图像

Question

我完成了背景图像模糊。所以我用这个CSS代码。

  .single-post-thumb {

    -webkit-filter: blur(5px);
      -moz-filter: blur(5px);
      -o-filter: blur(5px);
      -ms-filter: blur(5px);
      filter: blur(5px);
}

但是通过这段代码，一切都模糊了。我的意思是我在这里使用了CSS。

<div class="single-post-thumb clearfix" style="background-image:url(<?php echo $feat_image; ?>);">
    <div class="wrap-img"></div>
    <div class="container">
        <div class="single-title row">
            <div class="col s5">
                <h3><?php the_title(); ?></h2>
            </div>
        </div>
        <div class="single-thumb z-depth-4" style="background-image:url(<?php echo $feat_image; ?>);">
        </div>
    </div>
</div>

我不想将模糊应用于背景图像的其余部分。我只希望图像模糊。

是否有任何CSS代码。提前谢谢。