我有一个带有子菜单的导航栏，我在上面放置了 opacity:.5(因为其他元素将位于下方)。但是子菜单上的文字也变浅了。我希望 li 具有 0.5 的不透明度，其中的文本具有 1 的不透明度。我试过 jquery 和 css，但它们似乎不起作用。这是一个 JSFiddle
最佳答案
尝试使用 rgba 代替。将 ul.submenu 中的 opacity: 0.5 替换为这个
background-color: rgba(255,0,0,0.5);
你也可以删除
.submenu span {
opacity:1;
}
您可以阅读有关此属性的更多信息 here
关于javascript - 仅更改文本的不透明度，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/21338805/