Estoy creando una portada donde muestro ciertas imágenes que cuando está el mouse fuera se ve de una forma y cuando está sobre, se ve de otra forma. la idea es que cuando yo ponga el mouse, me muestre una imagen de fondo...
el codigo CSS que uso es el siguiente:
Código PHP:
.option{ width:105px; height:100px; background:transparent url(../img/bottoms.png) 2px -159px no-repeat; position:relative; z-index:0; margin:0 auto; }
.option:hover{ background-position:-104px -158px; }
El HTML es el siguiente:
Código PHP:
<div class="left bloc">
<div class="option">
<div class="options pdf"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>