0

IEで、インラインの長い段落テキストにtext-shadow が必要です。プログレッシブエンハンスメントは理解できますが、状況は異なります。テキストシャドウは絶対に必要です。これはデザインの問題ではなく、アプリの機能の中心的な問題です。

いずれにせよ、IE は CSS text-shadow をサポートしていません。いくつかの代替手段は何ですか？一部のフォントには、テキストの影と同様の効果を生み出すアウトラインがあることは知っていますが、IE は Web セーフでないフォントをサポートしていますか?

動的画像置換についてはどうですか? それは実行可能な戦術ですか？テキストの長さを考えると、おそらくそうではないと思います。

誰か提案はありますか？Google Chrome フレームを強制することも検討しましたが、他に実行可能な戦略がない場合、それは一種の最後の手段です。

ありがとう。

4

3 に答える 3

0

True Typeフォント（.ttf）フォントを使用して、それを.eotに変換する必要があると思います。次に、次のようなJavaスクリプトを介してHTMLで参照します。

<style type="text/css">
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.eot");/* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.ttf") format("truetype");/* TTF file for CSS3 browsers */
}

次に、実際のhtmlで、次のようにstyle属性のフォントを参照します。

ここで.ttfから.eotに変換し、それがどのように機能したかについての詳細な説明を見つけることができますhttp://www.kirsle.net/wizards/ttf2eot.cgi

于 2009-11-27T14:15:28.633 に答える
0

これをIEのテキストシャドウに使用しました：

p { zoom: 1; background-color: *Your background colour*; -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(Color=#000, OffX=1, OffY=1)";  filter: progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000);
}

これに関する私の唯一の懸念は、ユーザーが自分の PC でテキストのレンダリングを変更した場合、非常にきれいになることです。テキストを太字にしなくても大丈夫ですが、太字にするとすぐにブロック状になります。

IE ではテキストの影を残すだけかもしれませんが、なんと S **! そうですか…笑

于 2011-08-03T14:17:53.593 に答える
0

ここで、コア要件を考えると、Flash が最適だと思います。SIFR がシャドウをサポートしているかどうかはわかりませんが、調べる価値はあります。

Chrome フレームを強制するよりも、ユーザーの負担が少ないことは確かです。

編集：

SIFR はこの面で非常に柔軟であるように見えます:

http://fortysevenmedia.com/blog/archives/sifr_3_hard_drop_shadows/

さらに有望なのは、私が間違っていない限り、IEでサポートされている可能性があるようです:

http://msdn.microsoft.com/en-us/library/ms533086%28VS.85%29.aspx

それで：

.className {
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}
于 2009-11-18T22:48:55.453 に答える