Hola compañeros,
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; }
Lo extraño es que funciona en Chrome pero no en Firefox e IE... que estará pasando??
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>
Cualquiera ayuda (aunque sea idea) será bienvenida!!