EUCOOKIELAW_BANNER_TITLE

  • I think that

    Making the Web is like playing a game. Standard, Accessibility and Usability are only few rules.
    No game is awesome if you don't follow the rules.

    International Webmasters Association

  • Subscribe to my blog via email

    Insert here your e-mail address and you will receive a message when a new post will come.

  • Home
  • /News
  • /IE7: Supporto per le pseudo-classi incompleto

IE7: Supporto per le pseudo-classi incompleto

Facendo delle prove con il nuovo browser
rilasciato dalla Microsoft, sulla parte amministrativa del mio sito, mi
sono reso conto che Internet Explorer 7 non supporta a pieno le
pseudoclassi o le supporta in modo anomalo:

Estraggo quanto è scritto sul sito W3Schools:

Pseudo-classes

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the “W3C” column indicates in which CSS recommendation
the property is defined (CSS1 or CSS2).

Pseudo-class Purpose IE F N W3C
:active Adds special style to an activated element 4 1 8 1
:focus Adds special style to an element while the element has
focus
2
:hover Adds special style to an element when you mouse over it 4 1 7 1
:link Adds special style to an unvisited link 3 1 4 1
:visited Adds special style to a visited link 3 1 4 1
:first-child Adds special style to an element that is the first child of some other element 1 7 2
:lang Allows the author to specify a language to use in a specified element 1 8 2

Ma ho verificato (e lo
potete facilmente verificare anche voi) che se disegnate una tabella
con delle righe e poi create un css così costituito:

td{
border: 1px solid #ff0000;
}

 

td:hover{
border: 1px solid #0000ff;
}

Il risultato è che su Firefox tutto funziona correttamente.

Su Internet Explorer 7 ancora non è supportato correttamente e completamente questa caratteristica che eviterebbe l’uso di scripts che replicano il funzionamento del CSS.

Allego anche un esempio.