06/11/2013, 11:40
|
| | | Fecha de Ingreso: enero-2009 Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses Puntos: 306 | |
Respuesta: problema para hacer que se muestre texto sobre una imagen con hover
Código HTML:
Ver original<div id="recuadro_trans"><h1>Titulo </h1><h2>texto a mostrarse cuando alguien pasa por arriba con el mouse. </h2>
Código CSS:
Ver original#recuadro{ width:636px; height:225px; background:green; } #recuadro_trans{ background: rgba(0,0,0,0.7); width:310px; height:115px; margin-bottom:30px; padding:5px; text-align:left; } #recuadro_trans h1{ color:white; font-size:18px; position: relative; } #recuadro_trans h2{ color:#58ACFA; font-size:12px; display:none; } #recuadro_trans:hover h2{display:block;}
Por ejemplo: http://jsfiddle.net/c2am/8cHQN/10/embedded/result/
__________________ El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato-- |