When you need to change only the color of the background of an element you can use CSS’ rgba.

.my-element{
  /*  black with opacity of 0.6 */ 
  background-color: rgba(0, 0, 0, 0.6);
}

Related External Links:

• Stack Overflow - opacity-of-background-color-but-not-the-text