[Ovillo] capa invisible sobre imagen

[laura]

hola

On 11/19/06, Hernan Beati < @gmail.com> wrote:
 > Deberías asignarle un valor a la propiedad "z-index" del div que
> contiene texto que sea MAYOR al del div que contiene la imagen.

Si, lo tengo, el html es este:
<div id="fotogran">
                <img src="IMG_90.jpg" alt="" />
        </div> <!--fi div fotogran-->



<div id="helpwindow" >

                    <h1>Acces Keys:</h1>
                    <p><span>n/SPACE</span>: Go to the next image<br />
                     <span>p/BACKSPACE</span>: Go to the previous image<br />
                     <span>h</span>: Show help<br />   </p>
                     <span><a href="" onclick="hide_help_layer();
return false;">Close this box</a></span>
 </div>


Y el CSS:

#fotogran{
        text-align:center;
        border-bottom:2px solid  black;

        z-index:1;
}
#fotogran img{
        border:4px solid black;
        margin:3px;
        z-index:1;
}

#helpwindow {
        visibility:hidden;
        width:500px;
        font-size:1em;
        color:white;
        background-color:red;
        margin-left:190px;
        margin-top:-240px;

        z-index:200;

        text-align:left;
}

#helpwindow h1{
        font-size:1.4em;
        letter-spacing:3px;
}
#helpwindow p{
        text-align:left;
        margin-left: 50px;
        border:2px black solid;
}
#helpwindow a  {
        margin-top:30px;
        text-align:right;
}
#helpwindow span{
        font-weight:bold;
}