Como colocar el fondo de una imagen con opacidad sin alterar la imagen #background #CSS3 #image #Opacity #logo #logotipo

Estaba tratando de colocar una caja negra opacada como fondo de un logo, el logo es una imagen.

El resultado era que se me opacaba la imagen junto con el fondo.

El logo que estaba usando tiene el fondo transparente y además está compuesto por letras.

Aqui como ponerle fondo transparente ()

Si declaran el color de una imagen de fondo transparente en “rgba” pueden evitar que cuando le den opacidad, se opaque también la imagen en si misma.

Recuerden que el cuarto valor es la opacidad

.imagen{ display: inline-block; background-color: rgba(0, 0, 0, 0.5); }