div在其他div之外的不透明度答案

【问题标题】：div opacity outside in other divdiv在其他div之外的不透明度
【发布时间】：2011-05-20 11:02:32
【问题描述】：

我正在寻找不透明的解决方案。我有 div（父）和另一个 div（子）。父 div 具有设置不透明度为 0.5 的背景图像。子 div 比父 div 小，在他的内部看到不透明度为 1.0 的背景图像。有可能吗？

【问题讨论】：

【解决方案1】：

这是不可能的。

如果父 div 设置了不透明度，则所有子 div 都继承该不透明度。

【讨论】：

【解决方案2】：

您可以将透明度放入背景图片（例如透明 PNG），或使用 RGBA 颜色将纯色放入父 div 的背景中 - 这只会影响背景，不会制作任何文字或子元素透明。

您应该知道，PNG 图像和 RGBA 颜色并非 100% 跨浏览器支持。如果您使用这些技术，您可能需要为旧版浏览器制定解决方法。

【讨论】：

【解决方案3】：

如果您正在使用图像或在需要应用不透明度的父项中有其他内容，则不能将其他 div 作为子项，而是将其放在 div 之外并绝对位于其他 div 之上。

【讨论】：