Problemas con propiedad "opacity"

[ceaped]

Buenos días para todos

Tengo el siguiente estilo:

Código CSS:

#marco_derecho {
    width: 600px;
    height: 400px;
    float: right;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-top: -130px;
    opacity: .77;
    filter:alpha(opacity=70); /* IE8  */
    background-color: #000000;
}
 

Pero si pongo algo encima también queda transparente, como por ejemplo una imagen.

Encontré esta otra propiedad:

Código CSS:

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

Y funciona bien.

Esta última también es para IE.

Cual sería la manera correcta de utilizarla. Lo que quiero es poner un fondo negro al 70% y encima texto e imagenes

Gracias por su ayuda