gracias por la respuesta. No logro ponerlo sobre el banner (para que quede en la parte inferior de la imagen). queda debajo del div banner, a continuación del mismo.
tengo esto:
css:
#banner
{
z-index:0;
}
#transparente
{
z-index:1;
width:100%;
height:180px;
background-color:#000;
border:1px solid black;
opacity:0.6;
filter:alpha(opacity=60);
}
html:
<div id="wrapper">
<header>
<img src="logos/logo.png" height="100%" width="50%"/>
</header>
<div id="menu">
<a href="./">Inicio</a>
<a href="./">Servicios</a>
<a href="./">Contacto</a>
</div>
<div id="banner"><img src="images/banner1.png" width="100%" /></div>
<div id="transparente">hola</div>
gracias desde ya.