css - 透明div中的实心div？

Question

我在不透明度为 .4 的 div 中有一个导航列表(无序列表)。UL 中的 anchor 设置为不透明度 1，但这没有任何效果。

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

有什么建议吗？谢谢

Answer 1

这样试试

<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>

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