为什么这个 div 继承其父级的不透明度？

Question

通常，我会尝试在此处充分记录问题，并复制一些代码，以便当我链接到的用于演示问题的 URL 不再指向任何地方时，至少问题中会有足够的代码，以便有人阅读稍后可能遇到相同问题的人可以查看该示例。但在这种情况下，我遇到的问题是如此具体......我不知道出了什么问题，所以我不知道在这里复制什么代码。

我有一个不透明度设置为 1 的 div，在另一个不透明度设置为 0.5 的 div 内，以制作非常便宜的“灯箱”效果。我至少在其他两个网站上以完全相同的方式完成了这件事，但从未遇到过这个问题。事实上，如果我在 Dreamweaver 中打开一个新的 HTML 页面并尝试重复该问题，我做不到。我知道我一定忽略了一些如此简单的事情，但是......

有问题的有问题的 URL 是 http: //pmind.com/staging/123/dashboard.shtml

中间的白色框 generate_window 继承其父级 (generate_window-wash) 的不透明度。

为什么？

Answer 1

父

，包括其内部的所有内容，是透明的。

透明元素内部不能有不透明元素。

相反，您可以将不透明的

放置在透明的上方，而不是作为子级。

Answer 2

具有不透明度的元素的所有子节点都会继承该不透明度。这是设计使然。

您需要重新排列 HTML，以便该项目不是子项目，而是占据相同的位置。

Answer 3

它不是从其父母继承的。我在萤火虫中看到它显示以下属性：

#generate_window {
background:none repeat scroll 0 0 #FFFFFF;
height:400px;
margin:200px auto;
opacity:1;
position:relative;
width:500px;
z-index:2000;
}