vraiment ropey texte rendu dans Internet Explorer avec le texte en couches

Question

Je suis en train d'écrire un plugin jQuery pour le texte 3D et pour Firefox, Chrome et Safari (et d'autres navigateurs similaires) J'utilise la propriété ombre du texte CSS3 pour rendre le texte 3D.

En tant que fail-over pour Internet Explorer, je vous écris des couches de texte pour obtenir le même effet. Le problème que j'ai, c'est que lorsque je mets du texte au-dessus d'un autre texte dans Internet Explorer, il affiche une forme plutôt pixellisée - et ce n'est pas mieux quand ClearType est activé.

Est-ce que quelqu'un sait de tous les correctifs pour ce problème?

je un exemple qui illustre ce problème, au moment où vous devez cliquer sur le texte pour activer « mode Internet Explorer » (ce qui rend en fait bien dans d'autres navigateurs!)

http://www.stevefenton.co.uk/cmsfiles/assets/File/threedee.html

Hit le "Internet Explorer Mode" dans Internet Explorer pour voir le mauvais texte en dents de scie - faites de même dans un autre navigateur et il n'y a pas de problème.

Answer 1

Voici la solution pour tous ceux qui ont le même problème.

L'une des options du plug-in est pour « l'opacité » - que j'ajoutais à l'élément à l'aide jQuery.css(). Suppression de l'opacité du chemin de code Internet Explorer a résolu le problème entièrement. Je peux probablement vivre sans l'opacité pour le moment ...

Voici un exemple de code que vous pouvez utiliser pour reproduire le problème.

<h1>Click Me To See Jagged Rendering</h1> 
<script type="text/javascript"> 
    $("h1").click(function() { 
     $(this).css({ opacity: 0.5 }); 
    }); 
</script>