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.