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

Question

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

Answer 1

您可以使用outline + 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/