Colores RGBA con transparencia, canal alpha.

Código HTML

<div id="capa1"></div>
<div id="capa2"></div>
<div id="capa3"></div>
<div id="capa4"></div>

Código CSS

body { background-image: url(fondo5.gif); }
#capa1, #capa2, #capa3, #capa4 { width: 150px; height: 150px; position: absolute; }
#capa1 { top: 100px; left: 100px; background-color: rgba(255,0,0,0.5); }
#capa2 { top: 175px; left: 175px; background-color: rgba(0,255,0,0.5); }
#capa3 { top: 250px; left: 250px; background-color: rgba(0,0,255,0.5); }
#capa4 { top: 325px; left: 325px; background-color: rgba(255,0,255,0.5); }