Foros del Web » Creando para Internet » CSS »

a:hover que no funciona en FF y si en IE

Estas en el tema de a:hover que no funciona en FF y si en IE en el foro de CSS en Foros del Web. Hola gente! Lo que quiero lograr (que si funciona en IE, no en FF ni Chrome) es que al pasar el ratón cambie la imagen ...
  #1 (permalink)  
Antiguo 23/03/2011, 10:13
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 6 años, 8 meses
Puntos: 0
Pregunta a:hover que no funciona en FF y si en IE

Hola gente!
Lo que quiero lograr (que si funciona en IE, no en FF ni Chrome) es que al pasar el ratón cambie la imagen del link.

Ya use varias opciones como darle ancho y alto, display:block, nose.. de todo.. a ver si me ayudan!


El CSS es

Código:
a.fb-btn{
	padding: 5px 10px;
	background: url(../images/header/headersuperior.png) 0 0 no-repeat;
}

a.fb-btn:hover{
	background: url(../images/header/headersuperior.png) 0 -26px no-repeat;
}
El html es

Código:
<a href="#" class="fb-btn"></a>
  #2 (permalink)  
Antiguo 23/03/2011, 10:43
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: a:hover que no funciona en FF y si en IE

En El CSS
Pone asi


Código:
a.fb-btn{
        padding: 5px 10px;
	background-image:url(../images/header/headersuperior.png);
        background-repeat: no-repeat;
}

a.fb-btn:hover{
	 background-image:url(../images/header/headersuperior.png);
	 background-repeat: no-repeat;
}
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 23/03/2011, 11:00
Avatar de kalvinman  
Fecha de Ingreso: octubre-2006
Ubicación: Bogota Colombia
Mensajes: 849
Antigüedad: 11 años, 2 meses
Puntos: 22
Respuesta: a:hover que no funciona en FF y si en IE

me parece que no es necesario colocar la etiqueta cuando ya esta la clase.

Código CSS:
Ver original
  1. .fb-btn {
  2.         padding: 5px 10px;
  3.     background-image:url(../images/header/headersuperior.png);
  4.         background-repeat: no-repeat;
  5. }
  6.  
  7. .fb-btn:hover {
  8.      background-image:url(../images/header/headersuperior.png);
  9.      background-repeat: no-repeat;
  10. }

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:07.