CSS模糊的背景图像，但不是内容 [英] CSS blur on background image but not on content

问题描述

我做了这个例子： http://jsfiddle.net/jLGFp/

我试图模糊背景图片，但主要内容也模糊了（< span> ）

I'm trying to blur the background image, but the main content is blurred too (the <span>)

如何模糊背景而不使内容模糊？

How can I blur the background without blurring the content?

推荐答案

DEMO http://jsfiddle.net/jLGFp/3/

div {
    position: absolute;
    left:0;
    top: 0;
}
p {
    position: absolute;
    left:0;
    top: 0;
}

这篇关于CSS模糊的背景图像，但不是内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！