Cargando

Ir a contenido

X

Hover en div semi transparante solo con CSS





  AUTOR PREGUNTA

Publicado 13 marzo 2014 - 21:30
Necesito un hover en un div semi transparente el cuál causa que algún texto aparezca sobre la parte superior de un thumbnail de una imagen y quisiera saber si es posible realizar esto sin usar Javascript y solo usando css. Gracias.
  • ¿Tienes la misma pregunta? Yo también
  • Volver arriba


 

Publicado 14 marzo 2014 - 02:51
Puedes probar con algo como esto:

<style type="text/css">
.thumb {position:relative;width:200px;height:20px;}
.thumb:hover .overlay {opacity:0.5;}
.overlay{position:absolute;top:0;left:0;width:200px;height:20px;background:#fff;opacity:0;}
</style>
<div class="thumb">
<div class="overlay"></div>
<img src="image.gif" />
</div>



   AUTOR PREGUNTA

Publicado 14 marzo 2014 - 14:13
Excelente, gracias Nieves le quedó como anillo al dedo a mi aplicación.


X