css - 使用css将不透明度设置为子div

Question

我有内部 div 不透明度的问题。在我的页面中有两个 div 框，我想用 css 将不透明度设置为子 div。这是我在下图中想要的。

Answer 1

您可以使用大纲 + rgba： http ://codepen.io/anon/pen/saviA - http://codepen.io/anon/full/saviA

html {
  background:turquoise
 url(http://lorempixel.com/100/100/abstract/10)
}

div {
  margin:5em;
  border:solid;
  overflow:hidden;
}
p {
  border:1px solid;
  margin:2em;
  padding:1em;
}
.opaclike {
  outline:2000px solid white;
  position:relative;
  z-index:-1;
  background:rgba(255,255,255,0.5)
}

<div>
  <p>text</p>
  <p class="opaclike">text</p>
  <p>text</p>
</div>

Answer 2

这是使内部 div 透明的 css：

#inner_box {
        zoom: 1;
        filter: alpha(opacity=70);
        opacity: 0.7;
    }

在这里查看有关不透明度规则的更多信息：http: //css-tricks.com/css-transparency-settings-for-all-broswers/