Hola
Jota_sk:
<body>
<div id="encima"></div>
<div id="debajo"></div>
<body>
y en los estilos:
#encima{position:absolute; top:0; left:0; bakground:url(tuimagen.png) repeat; z-index:2; width:100%; height:100%;}
#debajo{position:relative; z-index:1;}
mientras mayor sea el z-index mas adelante se va a ver la capa, tienes para superponer hasta el valor 999. Para que el z-index funcione tus capas (todas) deben tener algún position asignado y deben ser hermanas entre sí.
La transparencia la puedes dar en la misma imágen PNG, para mi es lo mas efectivo. Si vas a dar soporte a ie6 ten cuidado, (busca por png en ie6 en google)
Espero te sirva, un saludo!
