1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Internet Explorer - problema "hover"

Discussão em 'Web Development' iniciada por danfergo, 19 de Abril de 2009. (Respostas: 10; Visualizações: 1556)

  1. danfergo

    danfergo Power Member

    hey pessoal, alguem me sabe dizer, se há alguma maneira de por

    div:hover ??

    eu estou desde o inicio da tarde, na firefox funciona às 100 maravilhas, no IE nao

    é impossivel?
     
  2. OldMan

    OldMan Power Member

    Que versão do IE?

    Não tenho a certeza do que vou dizer mas usando jQuery pode funcionar.
     
  3. unsilent

    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:D...
    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.
     
  4. p3dro

    p3dro Power Member

    Outra possível solução é usares o csshover
     
  5. danfergo

    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
     
  6. mazinhu

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

    mazinhu Power Member


    Resolvido =D
     
  8. Huckleberry

    Huckleberry Power Member

    Já agora, partilhem as soluções que encontraram, sff :)
     
  9. mazinhu

    mazinhu Power Member

    Criei duas folhas de estilo para conseguir passar isso.


    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 -->
    Para o IE
    styleIE.css

    Código:
        div a {
        background-color: #5f1e00;
        color: #FFFFF0;
        display: block;
        }
    
        div a:hover {
        background-color:#852a00;
        color: #FFFFFF;
    }
    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.

    Código:
    div.menu:hover {
        color: #FFFFFF;
        font-size:12px;
        background-color:#852a00;
        }
        
        
    .menu {
        color: #FFFFFF;
        font-size:12px;
        }
    
    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.
     
    Última edição: 24 de Abril de 2009
  10. OldMan

    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á.
     
  11. mazinhu

    mazinhu Power Member

    Eu ando a trabalhar com IE 8.

    Até agora só tive esse problema do hover, que já não é mais problema.
    Só me deixa ficar mal porque se meter mais links na página fico logo com essa formatação.
     

Partilhar esta Página