CSS3为背景图设置遮罩并解决遮罩样式继承问题代码

本篇文章小编给大家分享一下CSS3为背景图设置遮罩并解决遮罩样式继承问题代码，代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

工作中很多时候需要对图片背景作处理，比如设置通透性，模糊处理等等。

但是如果对背景图所在标签直接设置这些效果的话，这些样式会被子标签继承。

例1: 给背景所在标签设置模糊效果，影响到了子标签内的文字

   

    

        
Hello
    

解决方法：

为父标签中添加一个标签，令其绝对定位并铺满父标签，将背景 / 样式设置在该标签内。

   
    
    

        

        
Hello