es una capa oculta, superpuesta a la foto, que se vuelve visible al pasar el ratón.
Código HTML:
<div id="participante">
<div id="nombre_participante">
<b>Diana Patricia Galvis</b><br>
Cencoes 0 sem.<br>
<i>Estrategia:</i> La compañia de Dios quien es el que da la fortaleza para hacer las cosas<br>
<i>Elementos:</i> Lienzo; Tijeras; Piola </div>
<img src="img_aguja/dianapatriciagalvis.jpg" width="150" height="150">
</div> Código HTML:
#nombre_participante
{
width: 140px;
position: absolute;
z-index: 10;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
display: none;
height: 150px;
}
#participante:hover
{
width: 140px;
position: absolute;
z-index: 10;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
background-color: transparent;
background-image: url(img/seccion_bg.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-position: 0% 0%;
display: block;
height: 150px;
}