Poner opacity a etiqueta sin que se afecte el texto

[ceaped]

Buenas noches
Tengo este .css

Código CSS:

article {
    width: 920px;
    display: block;
    margin: 10px auto 10px auto;
    padding: 5px;
        opacity: .6;
    }
 
article p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    color: #FFF;
    line-height: 20px;
    text-align: justify;
    font-weight: normal;
    }
 

Pero todo toma la propiedad de opacity.
¿Cómo hago para poner solo el fondo con opacity sin que se afecte su contendio?

Gracias por su ayuda

[DesgraciadoGabo]

Depende si tienes una imagen de fondo es con opacity si tienes una plasta de color puedes usar rgba, en caso de que sea una imagen te recomiendo uses la position relative y absolute, con eso será suficiente para evitar que se aplique opacidad a todos los elementos

[ceaped]

Hola DesgraciadoGabo
Lo que tengo es un color de fondo y lo que pregunto es como hago para dar sólo "opacity" al fondo sin que se afecte lo demás (texto).

Nota: Yo pongo la propiedad "absolute" pero sin embargo todo me toma la propiedad "opacity"
.
Gracias por tu ayuda

[ceaped]

Hola DesgraciadoGabo
Si con la propiedad RGB y opacity me funcionó.

Código CSS:

background-color: rgba(255, 255, 255, 0.3);
 

Gracias por tu ayuda

[bernardo]

Como dice DesgraciadoGabo esto funciona: background-color: rgba(255, 255, 255, 0.3);

También puedes hacer una imagen .png semitransparente y ponerla como fondo.

Un saludo

[DesgraciadoGabo]

Que bueno que te funciono el rgba es un invento maravilloso y salva vidas jajaja saludos!!

[pzin]

También está hsla() por ahí.