opacity属性的继承问题

在给父元素设置了opacity属性之后，想重新给子元素设置不同值的opacity，结果不生效

解决方法一：

对于父元素只是在背景颜色上设置的透明度，可以用

background: rgba(0,0,0,.7)

代替

opacity: 0.5;

解决方法二：

父元素是在图片背景上设置的透明度

可以将背景图片和内容利用定位设置在同一位置不同层级，再分别设置透明度，即不让目标元素成为父子关系

父元素 {
　　position: absolute;
　　background: url("");
　　opacity: 0.5;
　　z-index: 1
}
子元素 {
　　position: relative;
　　opacity： 1；
　　z-index: 2；

}