需求：一个p设置了background: url，现在需要使图片背景模糊，p内的文字清晰显示。

原始代码：

    
    

    
我是内容

原始效果：

解决方法：内容和图片分别置于一个p，通过css设置背景p模糊度，设置内容p绝对位置。

html代码：

    
    
    

        

        
我是内容
    

效果：

需求：一个p设置了background: url，现在需要使图片背景模糊，p内的文字清晰显示。

原始代码：

    
    

    
我是内容

原始效果：

解决方法：内容和图片分别置于一个p，通过css设置背景p模糊度，设置内容p绝对位置。

html代码：

    
    
    

        

        
我是内容
    

效果：

感谢大家的阅读，希望大家受益良多。

本文转自：https://blog.csdn.net/oHeHeHou/article/details/51975539

推荐教程：《css教程》
新闻名称：css设置背景图片模糊，内容不模糊
转载源于：http://scgulin.cn/article/cgdpdo.html