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

目前创新互联公司已为近1000家的企业提供了网站建设、域名、虚拟空间、网站托管维护、企业网站设计、渝北网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

原始代码：

    
    

    
我是内容

原始效果：

解决方法：内容和图片分别置于一个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://myzitong.com/article/cgdpdo.html