0

私は3Dテキスト用のjQueryプラグインを作成中であり、Firefox、Chrome、Safari（およびその他の同様のブラウザー）用にCSS3text-shadowプロパティを使用して3Dテキストをレンダリングしています。

Internet Explorerのフェイルオーバーとして、同じ効果を得るためにテキストのレイヤーを作成しています。

私が抱えている問題は、Internet Explorerで他のテキストの上にテキストを配置すると、かなり厄介なピクセル化された形式でレンダリングされることです。ClearTypeをオンにするとうまくいきません。

この問題の修正を知っている人はいますか？

この問題を示す例があります。現時点では、テキストをクリックして「Internet Explorerモード」をオンにする必要があります（他のブラウザーでは実際に正常にレンダリングされます）。

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

Internet Explorerの「InternetExplorerモード」を押して、ぎこちないテキストを表示します。別のブラウザでも同じように操作すれば、問題はありません。

4

1 に答える 1

0

これが同じ問題を抱えている人のための解決策です。

プラグインのオプションの1つは、「不透明度」用でした。これは、jQuery.css（）を使用して要素に追加していました。Internet Explorerのコードパスから不透明度を削除すると、問題は完全に解決されました。私はおそらく今のところ不透明なしで生きることができます...

問題を再現するために使用できるサンプルコードを次に示します。

<h1>Click Me To See Jagged Rendering</h1>
<script type="text/javascript">
    $("h1").click( function () {
        $(this).css({ opacity: 0.5 });
    });
</script>
于 2010-07-29T20:38:24.517 に答える