Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11
  1. #1
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    170

    Problema compatibilità CSS hover

    Avrei un problema di incompatiblità con questo codice css

    codice:
    a {text-decoration:underline; color:#FFFF00;}
    
    a:hover {text-decoration:underline; color:#FF0000;}
    
    a img {border:#FFFF00;}
    
    a:hover img {border:#FF0000;}



    Se lascio solamente le prime 2 stringe funziona perfettamente su FF ma non su IE mentre se aggiungo le altre 2 stringe non mi funziona più su FF ma funziona perfettamente su IE.

    Sapete qualche soluzione per risolvere questo problema?

  2. #2


    avevo questo problema di compatibilita di FF e IE ancora,
    ma il mio caso e' il bordo di tag DIV

    <div style="border-bottom:1 solid orange;">
    il mio testo
    </div>

    sai perche?
    se tu fossi qui

  3. #3
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777

    Re: Problema compatibilità CSS hover

    Originariamente inviato da world war
    Avrei un problema di incompatiblità con questo codice css

    codice:
    a {text-decoration:underline; color:#FFFF00;}
    
    a:hover {text-decoration:underline; color:#FF0000;}
    
    a img {border:#FFFF00;}
    
    a:hover img {border:#FF0000;}



    Se lascio solamente le prime 2 stringe funziona perfettamente su FF ma non su IE mentre se aggiungo le altre 2 stringe non mi funziona più su FF ma funziona perfettamente su IE.

    Sapete qualche soluzione per risolvere questo problema?
    Non funziona perchè hai dimenticato le virgole, va scritto così
    codice:
    a {text-decoration:underline; color:#FFFF00;}
    
    a:hover {text-decoration:underline; color:#FF0000;}
    
    a, img {border:#FFFF00;}
    
    a:hover, img {border:#FF0000;}

  4. #4
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da paolold


    avevo questo problema di compatibilita di FF e IE ancora,
    ma il mio caso e' il bordo di tag DIV

    <div style="border-bottom:1 solid orange;">
    il mio testo
    </div>

    sai perche?
    Perchè vuol scritto così
    codice:
    <div style="border-bottom:1px solid orange;">
    il mio testo
    </div>

  5. #5
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    170
    Non funziona con le virgole, sia in FF, sia in IE.

  6. #6
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da world war
    Non funziona con le virgole, sia in FF, sia in IE.
    Bugia! Io l'ho provato con IE7 e FF3.0.1 e funziona perfettamente, forse tu sbagli ancora qualche cosa controlla bene con il codice che ti ho dato

  7. #7
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    170
    Originariamente inviato da Gufo
    Bugia! Io l'ho provato con IE7 e FF3.0.1 e funziona perfettamente, forse tu sbagli ancora qualche cosa controlla bene con il codice che ti ho dato
    Ho copiato pari pari il tuo codice e i link normali ( aaa ) funzionano sempre
    ma con i link con immagini ( [img]aaa.jpg[/img] ) , in IE rimane bloccato il colore dell'hover mentre in FF non appare niente, solo dopo un click si crea un bordo punteggiato.

  8. #8
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da world war
    Ho copiato pari pari il tuo codice e i link normali ( aaa ) funzionano sempre
    ma con i link con immagini ( [img]aaa.jpg[/img] ) , in IE rimane bloccato il colore dell'hover mentre in FF non appare niente, solo dopo un click si crea un bordo punteggiato.
    Invece di a:hover, img {.....} prova ad usare questa pseudo classe img:hover {......}

  9. #9
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Guarda ho fatto le prove per bene e così ti garantisco funziona con tutti i browser
    codice:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Documento senza titolo</title>
    <style type="text/css">
    <!--
    .over {
    	border: 4px solid #000000;
    }
    .over:hover {
    	border: 4px solid #FF0000
    }
    -->
    </style>
    </head>
    
    <body>
    
    [img]ddd.JPG[/img]
    
    </body>
    </html>

  10. #10
    Utente di HTML.it
    Registrato dal
    Oct 2008
    Messaggi
    170
    Funziona grazie, comunque il problema era che FF chiede anche un bordo;

    ad esempio questo codice funziona

    codice:
    a {text-decoration:underline; color:#FFFF00;}
    
    a:hover {text-decoration:underline; color:#FF0000;}
    
    a img {border:#FFFF00;}
    
    a:hover img {border:#FF0000;}
    se si aggiunge il bordo

    codice:
    a {text-decoration:underline; color:#FFFF00;}
    
    a:hover {text-decoration:underline; color:#FF0000;}
    
    a img {border:#FFFF00 1px solid;}
    
    a:hover img {border:#FF0000 1px solid;}

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.