CSS将不透明度从子层应用到父层

Question

CSS中是否有一种方法如何将子图层应用于其父级的不透明度，因此父元素的受影响区域继承了不透明度集，即要生成的子元素＆＃34;不透明孔＆＃34;所以身体背景（或根父母的元素背景）出现在指定区域？

Answer 1

一种选择是使用边框黑客，因此div是所有边框，非边框部分是空的。如果你想在div中有内容，可以在边界div上创建另一个div。

http://jsfiddle.net/1o1sp7o3/1/

#box {
border-top:50px solid black;
border-left:40px solid black;
border-right:50px solid black;
border-bottom:60px solid black;
width:200px;
height:200px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
}

#content {
position:absolute;
width:200px;
height:200px;
border:2px solid red;
top:0;
color:white;
}