Suckerfish Menu
May 7th, 2008 Posted in InformaticaUn post un pochino informatico.
Uno dei migliori menu per una pagina web è Suckerfish (qui il link all’articolo originale).
Di facile implementazione, ha tuttavia un bug: su Internet Explorer 7, occorre aggiungere tre riche di codice, come riporta quest’altro articolo, al cui autore devo un paio di giorni di sviluppo…
Ecco la proprietà CSS da aggiungere:
#menu li:hover, #menu li.hover {
position: static;
}
Ecco la spiegazione del bug.
Se nella pagina viene cambiato il focus, ovvero basta anche cliccare sullo sfondo della pagina o su un elemento di una form e successivamente si torna sul menu, questo improvvisamente smette di funzionare, lasciando visibili i sotto menu.
In altre parole, i “li” che rimangono visibili non si aggiornano dopo che l’evento “onmouseout” viene scatenato (e viene scatenato, in quanto la classe dell’elemento cambia).
Su Firefox e Safari tutto OK, ma su IE7 la problematica rende inutilizzabile il menu.
La soluzione sta nel rendere la posizione statica in maniera esplicita.
