Poner transparencia a capa en tienda

En la teinda que estoy creando (http://www.eluniversodelperro.com/tienda/) tengo como veis un foto de una imagen (que hare que vaya cambiando aleatoriamente que siempre se autoajusta al ancho y alta de la pantalla, y el resto de la tienda, es lo que movemos.

Me gustaria saber como consigo que lo que es "la tienda" sea semitransparente para poder ver casi por completo la foto del fondo.

Para explicarme correctamente, os pongo este enlace de como seria: http://www.torodefuego-tdf.es/tienda/

Como se puede ver, en esa tienda, el fondo se ve parcialmente, yo quiero conseguir esto en mi tienda, ¿Como lo hago?

PD: Algunos cosas de la tienda descuadran porque estoy creandola en mi PC, y cuando este terminada la subire.

Muchas gracias y un saludo
Lee el manual de CSS3 que escribi (el de mi firma). Concretamente, la parte del RGBA.
Perdon, resultaba que ponia una imagen de fondo, la he quitado y solucionado. Y luego, las imagenes de fondo de los modulos, las pasare con Photoshop para modificarles, y les pondre efectos transparentes para conseguirlos.

De todas formas, luego le echare un vistazo.

Muchas gracias, si puedes echame una mano con mi otro post del include.

Un saludo
Ok, entonces luego le echare un vistazo y lo pondre asi, pero ¿Seguro que funciona con todos los navegadores verdad?

Un saludo y gracias
En las versiones viejas no, pero tampoco funcionara el transparente de imagen en los viejos XD
olukarak escribió:En las versiones viejas no, pero tampoco funcionara el transparente de imagen en los viejos XD

si funciona solo debes poner formato png a la imagen y listo U.U (prueba de esto mi foro)

amm te recomiendo de verdad que uses las imágenes. Abra que esperar un poco mas para podes usar este nuevo css con confianza :s

PD: es Tuto esta en su nick :wink:
Si ya se que esta en tu firma, lo unico que no se como lo llamas, ya que ayer le eche un vistazo y no lo vi. Lo he solucionado asi:

-moz-border-radius:5px 5px 5px 5px;
-moz-box-shadow:0 0 80px #000000;
background:url("../img/contenedor.png") repeat-y scroll 0 0 transparent;
margin:0 auto 2px;
text-align:left;
width:980px;