相关疑难解决方法(0)

我不想从CSS中的父级继承子不透明度.

我有一个div是父,我在第一个div里面有另一个div,就是孩子.

我想在父div中设置opacity属性,但我不希望子div继承opacity属性.

我怎样才能做到这一点？

我想为父级应用不透明度,但我不希望子元素继承此不透明度.

<div class="parent">
 <div class="child"></div>
</div>

.parent {
  opacity: 0.6;
}

有没有办法"取消"继承的不透明度？也许强迫它opacity=1为儿童元素？

<div class="container">
    <div class="site_content">
        some stuff, images etc
    </div>
</div>


.container{
    background-color:#333;
    }

我想要的是.container div的不透明度为80%,但.site_content的内容为100%

设置css不透明度会影响所有子元素.有办法做到这一点吗？用jQuery？

由于将如何使用,我宁愿避免使用另一个透明div来定位以实现效果的技术.

我有这样的结构:

<div class="abc">
  <ul>
    <li>something</li>
    ...
  </ul>
</div>

我需要在abcdiv 上应用不透明度选项.如果我这样做,它可以工作,但内部文本<ul>具有不透明度,因为abcDIV =>文本输入<ul>更轻.

是否有任何方法可以应用于opacityDIV(其背景),但不适用于DIV内容？

谢谢

假设有一个div，说“ parent-div ”。父div具有背景色。如果子div“ child-div ”需要设置为透明背景，而其设置为祖父母div的背景图像且类名为“ wrapper ”，该怎么办？

我知道子div可以从父div继承css属性，但是如何将背景设置为透明，使整个图片看起来像父div上有孔？

.wrapper{
  background-image: url('http://media.istockphoto.com/photos/medium-golden-brown-wood-texture-background-picture-id513694258?k=6&m=513694258&s=170667a&w=0&h=xETakP7VjpAtRj9e6rJRYNqw_AJLZ9ovLlC4ebR5BOQ=');
}

.parent-div{
  width: 100px;
  height: 100px;
  background: #ff0000;
  padding: 10px;
  margin: auto;
}

.child-div{
  width: 60%;
  height: 60%;
  margin: auto;
  background: transparent;
  border: 1px solid;
}

<div class="wrapper">
  <div class="parent-div">
    <div class="child-div">
    </div>
  </div>
</div>