Internet Explorer - problema "hover"
- Autor do tópico danfergo
- Data Início
unsilent
Power Member
O Ie6 não suporta a pseudo-classe :hover(excepto em links), para dizer a verdade o Ie6 não suporta a Internet
...
Podes experimentar o Jquery(recomendo porque deixas de ter problemas com compatibildades do código, é facilimo e tens a propriedade hover) ou "standard" javascript, e depois é uma questão de detectares os evento mouseover e mouseout no(s) elemento(s) em questão e alternares entre classes.
...Podes experimentar o Jquery(recomendo porque deixas de ter problemas com compatibildades do código, é facilimo e tens a propriedade hover) ou "standard" javascript, e depois é uma questão de detectares os evento mouseover e mouseout no(s) elemento(s) em questão e alternares entre classes.
danfergo
Power Member
Estou a usar o IE7, bem resolvi o problema.
Agora estou com outro, qdo uso position fixed ele anula o link. no firefox n da problemas nenhunns
mazinhu
Power Member
Boas, ando com o mesmo problema.
no Firefox a tag div:hover funciona sem problemas.
No IE nao acontece nada.
Como voce resolveu esse problema?
ando aqui a ler isso do csshover e do jquery a ver se consigo algo.
Cumpz
mazinhu
Power Member
Huckleberry
Power Member
mazinhu
Power Member
Criei duas folhas de estilo para conseguir passar isso.
Na tag head adiciona-se isso.
Para o IE
styleIE.css
Isso Só funciona porque tenho la o link, se não tiver link da erro.
Onde encontrei isso usavam uma tag p ao invés da tag div para dar o efeito, mais isso a mim dava barraca no FF, as imagens ficam fora do lugar.
Para o FF continuei com o a css que já utilizava antes.
Cumpz
Edit: Só testei isso com FF e IE, ainda não tentei outros browser's.
Edit2: Cuidado, isso deixa todos os links nessa formataçao.
Na tag head adiciona-se isso.
Código:
<!--Folha de Estilo -->
<!--[if IE]>
<link rel="stylesheet" href="styleIE.css">
<![endif]-->
<link rel="stylesheet" href="style.css">
<!-- Fim Folha de Estilo -->styleIE.css
Código:
div a {
background-color: #5f1e00;
color: #FFFFF0;
display: block;
}
div a:hover {
background-color:#852a00;
color: #FFFFFF;
}Onde encontrei isso usavam uma tag p ao invés da tag div para dar o efeito, mais isso a mim dava barraca no FF, as imagens ficam fora do lugar.
Para o FF continuei com o a css que já utilizava antes.
Código:
div.menu:hover {
color: #FFFFFF;
font-size:12px;
background-color:#852a00;
}
.menu {
color: #FFFFFF;
font-size:12px;
}Edit: Só testei isso com FF e IE, ainda não tentei outros browser's.
Edit2: Cuidado, isso deixa todos os links nessa formataçao.
Última edição:
OldMan
Power Member
Penso que devias especificar em que versão do IE é que essa CSS devia entrar na página: http://www.quirksmode.org/css/condcom.html
Como tens actualmente basta ser o IE, seja 5, 6, 7 ou 8 e do 6 para o 7 ainda há uma diferença considerável (não especificamente em relação ao :hover). O 8 ainda nem tive coragem para ver como está.
Como tens actualmente basta ser o IE, seja 5, 6, 7 ou 8 e do 6 para o 7 ainda há uma diferença considerável (não especificamente em relação ao :hover). O 8 ainda nem tive coragem para ver como está.