2

InternetExplorerで正しく機能する光るテキストを作成しようとしています。

私はこのテキストシャドウ宣言を持っています:

text-shadow: 0 0 4px White;

IEの場合、これを追加しました。

filter: "progid:DXImageTransform.Microsoft.Chroma(Color='White') progid:DXImageTransform.Microsoft.Glow(Strength=5, Color=#ffffff)";

動作しますが、テキストのアンチエイリアスがオフになるため、非常に見苦しく見えます。これら2つの画像(ChromeとIE9)を比較してください。

ここに画像の説明を入力してください ここに画像の説明を入力してください

この問題を解決する方法を知っていますか?ありがとう。

4

1 に答える 1

2

これにより、物事が少しモダンに見えると思います。

<font style="display: block; filter: glow(Color=white, Strength=$2) 
blur(add=false, direction=0, strength=1) 
blur(add=false, direction=180, strength=1) 
blur(add=false, direction=270, strength=1) 
blur(add=false, direction=90, strength=1">Novinky</font>

基本的に、これは一種の疑似アンチエイリアゼーションで、最初にグローが適用され、次に 4 方向 (U、D、L、R) に 1 ピクセルずつブラーされます (グロー自体もブラーします)。

テストページ: http://tcll5850.proboards.com/thread/178/post-glow-plugin-darkpikachu

参照ページ: http://www.ssi-developer.net/css/visual-filters.shtml

于 2013-11-18T00:58:32.950 に答える