IE 6 CSS Hover não tag âncora

StackOverflow https://stackoverflow.com/questions/36605

  •  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.

Foi útil?

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.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top