[Cristian Moreno]

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.

[Nieves Nieto]

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>

[Cristian Moreno]

Excelente, gracias Nieves le quedó como anillo al dedo a mi aplicación.