:hover en dif. navegadores

maitetxu · #1 (**permalink**) 10/03/2009, 10:01

Hola,

No se porque en IE7 no me funciona bien el elemento :hover de un link
y sin embargo en IE6 y Firefox funciona perfectamente. La cuestión
es que cuando paso el ratón por encima del link, aparece un recuadro
transparente alrededor del link.
En IE7 ese recuadro no aparece en su totalidad, por la parte de abajo
aparece cortado.

Espero que me puedan ayudar.
Gracias

RootK · #2 (**permalink**) 11/03/2009, 20:36

coloca el CSS que estás utilizando

Te muevo al foro correspondiente, ahi va a ser más sencillo que te puedan apoyar

movido desde foro de .Net

Salu2

Calizman · #3 (**permalink**) 11/03/2009, 20:42

Saludos!!

Coloca el codigo CSS para que podamos basarnos en algo no? asi podemos ayudarte de una mejor forma

maitetxu · #4 (**permalink**) 12/03/2009, 03:18

Es verdad, aqui os mando la css que utilizo.
Haber si me podéis ayudar.

Esto es lo referente al link que os comento:

.lnkSalir {
font-weight:bold;
padding-top:5px;
padding-bottom:3px;
padding-left:5px;
padding-right:25px;
background:url('../img/close16.gif') no-repeat 95%;
border:1px solid #fff;

}

.lnkSalir:hover {
background-color:#fee;
border:1px solid #b99;
text-decoration:underline;

}

talmente · #5 (**permalink**) 12/03/2009, 03:27

Hola, no tengo intalado IE 7 pero define las propiedades para <a>, solo tienes una clase y hover

maitetxu · #6 (**permalink**) 12/03/2009, 04:38

Hola,

El link lo tengo definido así:

<asp:LinkButton runat="server" ID="lnkSalir" class="lnkSalir" Text="Salir" />

talmente · #7 (**permalink**) 12/03/2009, 06:44

prueba esto:

Código:

a {
display: block;
font-weight:bold;
padding-top:5px;
padding-bottom:3px;
padding-left:5px;
padding-right:25px;
background:url('../img/close16.gif') no-repeat 95%;
border:1px solid #fff;


}

a.lnkSalir:hover {
background-color:#fee;
border:1px solid #b99;
text-decoration:underline;


}