Ver Mensaje Individual
  #1 (permalink)  
Antiguo 27/08/2009, 06:21
reycoy
 
Fecha de Ingreso: junio-2003
Mensajes: 318
Antigüedad: 20 años, 10 meses
Puntos: 0
Pregunta Que hace y como?

Hola a todos,
Estoy tocando la pagina desarrollada por otro programador y no entiendo como consigue hacer esta imagen de sustitucion en un boton.
El boton es el siguiente:

<button type="submit" title="Click button to submit your enquiry" tabindex="">Submit your enquiry</button>

Y su estilo este
form#frmProductRequest button {
width:138px;
margin:5px 0 0 0;
background:#ddd url(../images/btn-contact.gif) no-repeat 0 0;
float:left;
}

Esta metido dentro de un formulario denominado frmProductRequest. Asi es como lo referencia.
Pero, como consigue el rollover?

Esta utilizando algo similar a esto:
http://alexsancho.name/archives/2006...genes-con-css/
utiliza una misma imagen y cambia con el hover manteniendo oculta la mitad de la imagen del boton.
Pero este no tieene ningun hover.

Lo que no se, es que es el #ddd que aparece en el background. No lo he encontrado por ningun lado, ni se a que hace referencia.

me podeis ayuda?.
Gracias.