puedo usar fade o fadein de Jquery en <a> ?

[Derzz]

Hola tengo una duda, trataba de hacer un menu de esta estructura

Código HTML:

<ul><li><a href="#">item1</a></li>
<li><a href="#">item2</a></li><li><a href="#">item3</a></li></ul>
 

y qeria aplicarle un efecto FADE de JQuery para qe al poner el cursor encima cambie el fondo del <a> con un efecto de desvanecimiento, no se si me dejo entender,
pero no logre hacerlo, repito el fade yo lo aplicaba directamente a el <a> pero no funcionaba :C

[pzin]

Yo casi que lo haría mejor mediante CSS. No le veo sentido a usar JavaScript para esto en concreto.

Código CSS:

a {
  background: green;
  transition: background 0.4s;
}
a:hover {
  background: red;
}
 

Para Chrome y Safari hay que seguir usando -webkit hasta la próxima versión.

[Derzz]

genial, no sabia de esa propiedad, bueno pero me parece qe es incompatible con IE9, alguna sugerencia ?