16 2009 fevereiro
Hover, focus e active em qualquer elemento no Internet Explorer 6
Uma das diversas limitações apresentadas pelo IE6 está relacionada ao uso de pseudo-classes. Uma delas é a “:hover” que só pode ser usada em links.
Porém, em alguns casos, precisamos dela para fazer determinados efeitos ou funcionalidades do site, como menus dropdown.
Para poder aplicar a pseudo-classe “:hover”, “:active” ou “:focus” em qualquer elemento no IE6, você deve:
– Baixar o arquivo .htc neste link;
– Inserir o código abaixo em seu CSS, utilizando o caminho do arquivo .htc relativo ao HTML:
body { behavior: url(css/csshover2.htc); } /* inclui efeito :hover, :active e :focus para Internet Explorer 6 */
13 comentários
ResponderAurélio Forbellone disse:
Essa dica é muito útil, boa iniciativa difundir mais ela, parabéns pra todos!
Cristian Trentin disse:
Muito boa a dica.. mas ainda penso que quem usa IE6 não merece nem ter acesso a Internet…
[]s
Daniel Thales disse:
Muito boa a dica e de simples utilização !
Francisco Zoletti disse:
ME AJUDARAM MUITO COM ESSA DICA, valeu
Vitor disse:
Pessoal, se eu quiser utilizar na página index o caminho será : url(index.htm/csshover2.htc);
??? Está certo?
Não consegui fazer funcionar.
Carlitos disse:
@Vitor:
Então, o caminho do arquivo tem que ser relativo a página atual.
Se você colocar o arquivo na mesma pasta do HTML, é só colocar:
url(csshover2.htc);
Agora, se o HTML fica na pasta raíz e o arquivo ficar dentro da pasta CSS, é só fazer como ilustramos:
url(css/csshover2.htc);
O princípio é bem simples!
Wellington Torrejais da Silva disse:
Ja estou usando.Valeu pela Dica !!!
Altamiro Junior disse:
Tenho algo parecido no sistema que estou desenvolvendo, mas no firefox não funciona!!!
AQlguém tem alguma dica?
Altamiro Junior disse:
O meu CSS está assim: table.tabela1 td { behavior: url(includes/htc/hilite.htc)}
g3 disse:
Olá Altamiro, usamos essa solução de :hover e :focus apenas para o Internet Explorer 6, pois as versões superiores do Internet Explorer e outros navegadores como Firefox, Chrome, Safari e Opera já tem suporte ao :hover e :focus.
Luan disse:
Ótima Dica..
Kellison disse:
Vlw cara. Me ajudou bastante !!
Obg
Alexandre Broggio disse:
Vlw pela dica