css - 为什么这个 div 继承了它的父级的不透明度？

Question

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

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

相关的违规网址是 http://pmind.com/staging/123/dashboard.shtml

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

为什么？

Answer 1

家长<div> ，包括其内部的所有内容，都是透明的。

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

相反，您可以定位不透明的 <div>在透明的上面，而不是一个 child 。