How to apply Opacity On A DIV container background only and not change the text and check boxes

Question

Is there a better way to make this work in 2020 on all browsers?

I want to make the background of the div have a reduced opacity and allow the remaining content to stay normal...

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

score -2 · Answer 1 · answered May 30 '20 at 00:25

-2

background: rgba(0, 0, 0, 0.6);

sorry I am stupid

answered May 30 '20 at 00:25

user3146788

107
1
3
12

How to apply Opacity On A DIV container background only and not change the text and check boxes

1 Answers1