如何在CSS中用opacity属性实现导航栏的半透明效果并且让导航栏的文字不被影响？

Question

不管在

• 或者
• 中放opacity，好像文字都会被影响成半透明的效果，这样很丑，请问怎么让文字不被影响，并且用opacity实现导航栏半透明效果呢？

Answer 1

因为opacity会影响子级，所以换成改背景色时加上透明度rgba(0,0,0,0.5)，最后一个值也会改变透明度，但是不影响子级。