Text-shadow et ie 9

Bonsoir,
J'ai un petit souci avec text-shadow et ie 9
Plutôt que de longues explications, voici le problème en images :
Voici le résultat sous firefox :
http://img15.hostingpics.net/pics/11454741ff.png

et sous ie :
http://img15.hostingpics.net/pics/43426870ie.png

et mon css :

h1, h2, h3, h4{
	font-family: 'Voltaire', sans-serif;
	color: #7FC6BC;
	text-shadow: 2px 2px 1px #cccccc;
	filter: dropshadow(color=#cccccc, offx=2, offy=2);
}

Je ne comprends pas pourquoi puisque ie9 reconnait le css3

Pour pour votre aide

Salut,

Avant toute chose, IE 9 n'implémente pas la propriété text-shadow (contrairement à box-shadow).

Quant à la solution propriétaire de Microsoft pour afficher une ombre portée (soit dit en passant, tu peux utiliser la propriété -ms-filter sous IE 9 et 8), le résultat n'est malheureusement pas très heureux. Cela dit, ce tutoriel d'introduction à text-shadow évoque, à la fin, une alternative en JavaScript : c'est une piste à étudier.

Autre solution : la dégradation élégante, ce qui, concrètement et dans ce cas, veut dire qu'on n'affiche aucune ombre portée sous les versions de navigateurs qui n'implémentent pas text-shadow.
Modifié par Victor BRITO (03 Apr 2012 - 21:18)

Sympa le tutoriel.

--doublon. Merci de supprimer.
Modifié par Pyanepsion (16 Jun 2012 - 15:27)