如何使用CSS模糊整个页面？
允许其他元素，如图像。
允许其他元素，如图像。
解决方法
这是在Firefox和WebKit以及更新版本的Opera中运行的：
.blurredElement {
/* Any browser which supports CSS3 */
filter: blur(1px);
/* Firefox */
filter: url("blur.svg#gaussian_blur");
/* Webkit */
-webkit-filter: blur(1px);
/* Opera */
-o-filter: blur(2px);
}
blur.svg看起来像这样：
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<filter id="gaussian_blur">
<feGaussianBlur in="SourceGraphic" stdDeviation="1" />
</filter>
</defs>
</svg>
您可以调整半径，但较低的值意味着更好的性能。
编辑：Firefox> = 35支持W3C定义的模糊。 http://caniuse.com/#feat=css-filters
