Javascript 模糊叠加效果

我可以使用CSS对我的元素进行叠加效果

html:after {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .6;
    background: #000;
    pointer-events: none;
    z-index: 1;
}

---

我怎样才能使一个“模糊”的叠加效果，在类似的静脉？（注意：我不想使用图像。我想模糊，例如，渲染的段落。）

有两种方法：

1.）对整个页面和考虑的包装器div使用不同的背景

2.）使用jQuery

.blurimage

功能：

JS:

$（文档）.ready（函数（）{
$（“.blurimg”）.blurimage（）；
});

HTML:

希望这有帮助

---

[插件链接：

该页面实际上为您提供了实现该效果所需的一切。我不确定您还想要什么…对于您链接的页面中的教程，可能值得一看，它的功能几乎完全相同，尽管他的解释感觉更清楚。@Thor84no:不太清楚。Hav你仔细阅读了这篇文章吗？你仔细阅读了我的问题吗？我对背景图像不感兴趣。我想要的是模糊的前景，而不是模糊的背景。@Randomblue只需做一个

标记，而不是
标记：）@Randomblue好的文本，你只需要使用CSS。工作小提琴：希望有帮助：）@Akos:太棒了，谢谢！
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="jquery.blurimage.js"></script>
<script type="text/javascript">
$(document).ready(function() {
      $(".blurimg").blurimage();
});

</script>

<img src="test.png" alt="test" class="blurimg">