Javascript：navicon继承的切换栏的不透明度[重复]答案

【问题标题】：Javascript: Opacity of togglebar inherited by navicon [duplicate]Javascript：navicon继承的切换栏的不透明度[重复]
【发布时间】：2016-04-28 22:36:45
【问题描述】：

我正在使用 javascript plugin 作为滑动菜单。问题是当我更改切换栏（.bpen-drawer）的不透明度时，即使我为导航图标指定了不同的不透明度，导航图标（.bpen-toggle-pad）也会继承它。我在 navicon 上尝试过!important，但它不起作用。那我该如何绕过这个继承呢？

这里是jsfiddle，带有 javascript 和 css。

【问题讨论】：

请提供一个完全可用的 Fiddle，以便对其进行测试和更改。
请在您的 Fiddle 中添加一些 html。
抱歉，我的 html 由于某种原因没有被接受。但是谢谢，正如在上一个此类性质的问题中所指出的，我在父级上使用了背景：rgba 并且它起作用了。

标签： javascript css inheritance

【解决方案1】：

没有。即使您设置!important，这也行不通。如果一个元素具有 opacity 属性，那么它将根据 opacity 值显示。默认情况下，所有孩子的不透明度都为 1。因此，如果您更改孩子的不透明度值，那么该孩子将根据该不透明度隐藏。

所以这里的解决方案是，你必须相应地更改 HTML，或者你必须使用 js/jQuery 来处理这个

【讨论】：