Question

我正在寻找解决方案，但找不到任何地方。我有块，我有其他块。第一个块的样式为“不透明度：0”。所以他位于另一个区块的顶部，并且在该区块中（不透明度为0）的元素很少。问题在于，mozilla不透明：0接受显示：无，我不知道为什么。

enter image description here

任何解决方案？

Answer 1

如果将父级的不透明度设置为0，则将隐藏其所有元素。也许告诉我们你想做什么，我们会试着找到一个更好的想法来回答这些条款。

Answer 2

首先，您的JSFiddle - jsfiddle.net/5zWZe/1/并未使用不透明度。所以这个例子似乎与你的问题无关。

有关div所涵盖按钮的示例，请参阅此JSFiddle - jsfiddle.net/X7S3w/2/。如您所见，即使您将不透明度降低到0，也无法通过div访问该按钮。另请注意，Firefox或Chromium中的行为相同。

看来，你有一个iframe和flash视频的特殊情况。请使用相同的CSS查看此其他JSFiddle - jsfiddle.net/X7S3w/3/，但该按钮已替换为iframe。虽然div位于iframe之上，但可以访问Flash视频。但同样，Firefox和Chromium中的行为相同。

使用div覆盖iframe / flash视频似乎有效，当您修改youtube网址的查询字符串并附加?wmode=transparent

时

<iframe id="without" src="http://www.youtube.com/embed/5f-n3-pV81A?wmode=transparent"></iframe>
<div id="opacity">opacity</div>

有关工作示例，请参阅此JSFiddle - jsfiddle.net/X7S3w/4/。现在div成功阻止了Flash视频。而且，这在Firefox和Chromium中的作用相同。

所以看起来这比一些CSS不透明行为更像是一个flash问题。