CSS – :hover anche su IE7

Ieri stavo apportando delle modifiche ad una pagina web quando noto che alcuni <div> su IE7, non si illuminavano al passaggio del mouse. Ovvero la regola selector:hover { } veniva altamente ignorata.

Navigo un po’ e tutte le soluzione riportavano a delle funzioni JavaScript da attivare onmouseover e onmouseout.

Mi dico: “Eh no… ho fatto tutta la grafica con i css e non mi metto ad aggiungere del codice JS per un browser deprecato!”

Alla fine ho trovato la soluzione!

Aggiungendo il Dodctype giusto, lo stato :hover viene ben interpretato anche dal browser Microsoft.

A voi :)

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


Ti è piaciuto l'articolo? Vota Ok oppure No. Grazie Mille!

Post Correlati:

  • No Post

Resta aggiornato abbonandoti al feed RSS 2.0. Puoi lasciare un commento oppure inviare un trackback dal tuo sito.

Lascia un Commento

XHTML: È possibile utilizzare questi marcatori: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>