如何仅在DIV容器背景上应用不透明度，而不更改文本和复选框

Question

是否有更好的方法可以在2020年在所有浏览器上实现这一目标？

我想使div的背景不透明性降低，并使其余内容保持正常...

#menu {
  display: grid;
  grid-template-columns:auto 1fr;
  background-color: black; opacity: 0.6;
  width: 180px;
  font-family: Arial, Helvetica, sans-serif;
  color: beige;
 }

Answer 1

背景：rgba（0，0，0，0.6）;

对不起，我很傻