Css 透明div中的实心div？

我在一个div中有一个导航列表（无序列表），不透明度为.4。 UL内的锚定设置为不透明度1，但这没有效果

<div style="background-color: #000; opacity: 0.4">
    <ul>
        <li><a href=".." style="background-color: #000; opacity: 1">home</a></li>
    </ul>
</div>

有什么建议吗？ 谢谢

像这样试试看

<div style="background-color: rgba(0, 0, 0, .4);">
    <ul>
        <li><a href=".." style="background-color: rgba(0, 0, 0, 1);">home</a></li>
    </ul>
</div>

---

避免使用内联样式是个好主意。

不透明度会被继承，因此当应用不透明度时：1；对于子元素，根据不透明度计算：0.4；它的父母

---

为了克服这个问题，如果您不能使用rgba，请创建一个包装器元素，在其中创建0.4不透明度元素，然后创建另一个，并完全将一个放置在另一个上。

我同意。为了简单起见，我在提出这个问题时使用了内联。。。谢谢你的回答。正在尝试。你能推荐一些关于rgba的文档吗？此解决方案是否跨浏览器？我在一些地方见过这种情况，但没有经验。谢谢你的建议！没有什么特别的-只是一个带有附加参数的常规RGB，即不透明度。关于浏览器兼容性-重复的：和。唉，我可能投了一个错误问题的复本，我的意思是这一个：。