html - css 中的不透明度值

Question

我试图使条形图的背景具有 50% 的不透明度，而前景文本根本没有任何不透明度，这是我的代码

html:

<div id="footer">
      <p>FOOTER TEXT</p>
</div>

CSS:

#footer {opacity: 0.5;} #footer p {opacity: 1;}

我不明白为什么这行不通谁能帮忙？

Answer 1

您尝试的方法是行不通的，50% 的 100% 等于 50%!

如果您的背景只需要是透明的，您可以使用 PNG-24 图像或具有 background-color 属性的 rgba 值。