今天在做网站的时候遇到了子元素继承父元素的透明度（opacity）的情况，下面贴出解决方法： 问题重现： .opacity{background: #000；opacity：0.7} 这种写法就算给子元素opacity_child重新赋值opacity：1；他也同样会继承父元素opacity的值。 正确写法： .opacity{background: rgba(0,0,0,.7);}