CSS将不透明度从子层应用到父层[关闭]答案

【问题标题】：CSS applying opacity from child to parent layer [closed]CSS将不透明度从子层应用到父层[关闭]
【发布时间】：2014-10-19 01:26:37
【问题描述】：

有没有办法在 CSS 中子层如何将不透明度应用到其父级，因此父元素的受影响区域继承不透明度集，即子元素制作“不透明洞”，因此主体背景（或根父元素背景）出现在指定区域？

【问题讨论】：

给我们一些您尝试过的代码，并最终显示预期的结果...除此之外，您是否尝试这样做？ codepen.io/gc-nomade/full/nKAka 或 codepen.io/gc-nomade/pen/GHqtd ?
不清楚你在问什么，但是一个孩子总是继承了它的父母的不透明度。
我的意思是，通过所有底层图层制作类似于“窗口”的东西，以便主要背景（主体背景或其他样式元素的背景）在该特定区域中变得可见。通过在最前面的图层上设置不透明度或其他属性。
不太可能，但如果你有一个设计，你可以展示它周围的选项。

标签： css opacity erase

【解决方案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;
}

【讨论】：

这是一个猜测，不是吗？ :)
@GCyrillus 嗯？不是猜测，是解决方案。我创建了一个盒子......里面有一个洞。
我的评论中的链接也是如此，试图从 OP 中得到一些反应......你的猜测是中间的一个正方形 :)
我不确定这是 OP 想要的；他们想要的不是我的“猜测”。但仅供参考；最好不要冒险进行这样的猜测，而是等到你得到澄清。
我认为 OP 想要什么很清楚。一个 div 里面有一个洞，所以你可以看穿它。