Che Internet Explorer sia sempre stato un pò lento nel comprendere gli standard (in veneto esiste una parola perfetta per definire Explorer) era cosa risaputa. Quello che invece è meno noto è come anche con le versioni più recenti di questo browser creino problemi inaspettati. È il caso di IE 9 e degli slideshow jQuery, più precisamente del modo con cui IE interpreta la proprietà overflow. Vediamo i dettagli.
Ecco come si presentava lo slideshow della mia home page questa mattina su IE 9:
Il problema era dovuto al fatto che:
- il contenitore più esterno non aveva la dichiarazione
overflow: hidden - il contenitore delle slide non aveva la dichiarazione
position: relative
L'overflow era stato applicato solo al contenitore effettivo delle slide, e tutti i browser lo interpretano correttamente. Tutti tranne IE 9. Non ho testato il layout nella versione 8, ma credo che il baco potrebbe presentarsi anche in quella versione.
Vedremo.