IE 6 CSS Hover não tag âncora
-
09-06-2019 - |
Pergunta
Qual é a maneira mais simples e elegante de simular a pseudoclasse hover para tags não âncora no IE6?
Estou tentando especificamente alterar o cursor neste caso para um ponteiro.
Solução
Eu diria que o método mais simples seria adicionar funções Javascript onmouseover/out.
Outras dicas
Acho que a maneira mais simples é usar o pairar.htc abordagem.Você adiciona o arquivo hover.htc ao seu site e referenciá-lo em sua folha de estilo:
body { behavior:url("csshover.htc"); }
Se você quiser manter as coisas o mais limpas possível, você pode usar comentários condicionais do IE para que essa linha seja renderizada apenas para usuários com IE6.
Sobre o seu pedido -- Estou tentando especificamente mudar o cursor neste caso para um ponteiro - a maneira mais fácil é especificar cursor:pointer
no seu css.Acho que você descobrirá que isso funciona no IE 6.
Tente isso para verificar (onde div
pode ser qualquer elemento):
<div style="background:orange; cursor:pointer; height:100px; width:100px;">
Hover
</div>
Outra alternativa que resolverá muitos outros problemas de uma só vez é usar IE7.js.
Outra abordagem, dependendo do item, é adicionar uma âncora sem link e definir sua exibição como bloqueada.Coloque a âncora dentro ou ao redor do item no qual deseja o comportamento de pseudo-flutuação.
Aparte:
Na verdade, eu já precisava trocar a imagem de qualquer maneira
Certifique-se de dar uma olhada Sprites de imagem.Às vezes é muito melhor usar uma imagem e "mudar" a imagem do que usar duas imagens separadas e "alternar" ou "trocar" entre elas.Na minha experiência, tem sido muito bom quando o usuário interage com ele, às vezes é uma vantagem que haja uma única solicitação para uma imagem e, em seguida, várias solicitações para várias imagens.
Eu gostei mais do mouseover/out, pois na verdade já precisava trocar a imagem de qualquer maneira.Eu realmente deveria ter pensado em fazer isso com javascript para começar.
Obrigado pelas respostas rápidas.
@Joseph
Obrigado por esse link.Nunca tinha ouvido falar dessa técnica antes e gostei muito da ideia.
Com certeza vou experimentar e ver como me saio com isso.
Se você estiver disposto a usar JQuery, eu usaria Defina a classe Hover para qualquer coisa técnica.