0

IE の要素に text-shadows を追加しようとしています - プロパティをサポートしていないことはわかっていますが、filter: プロパティを使用すると、かなり近い値を得ることができます。

しかし、私が使用するテキストが黒でない場合、テキストの周りに黒い輪郭が表示されます。

このアウトラインを削除するにはどうすればよいですか?

以下に例を示します... (Internet Explorer を使用して開いてください)

http://jsfiddle.net/mossman/mLRYG/

助けてくれてありがとう、ありがとう

/* アップデート */ ここに画像の説明を入力

私はそれと一緒に暮らす必要があると思います。方向性をありがとう

4

2 に答える 2

1

私はすべての組み合わせまたは色の選択を調べてテストを開始し、それから気づきました. 問題はあなたの色ではないかもしれません。フィルターの正しい呼び出しを調べたところ、Microsoft のサイトでこれが見つかりました。

シャドーフィルター

これは私にこれを与えました:

filter:progid:DXImageTransform.Microsoft.Shadow

私はあなたの例でそれを使用し、いくつかの値を変更しました(正しい呼び出しでは正しい値を使用する必要があるため)そして何を推測します...何かがかなり良さそうです。

filter:progid:DXImageTransform.Microsoft.Shadow(color='#CC0000', Direction=225, Strength=8)

これをIE8でテストしました。うまくいきました。jsFiddle の例に追加しました。これは、作業ビューを含む新しいリンクです。

また、公式の呼び出しでは、単語の最初の文字の左端の影が切り取られていないことにも気付くでしょう。

アップデート:

.Shadow と組み合わせて以下を試して使用できます

progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)

あなたの呼び出しは次のようになります...

filter: progid:DXImageTransform.Microsoft.Chroma(Color=#cccccc)
        progid:DXImageTransform.Microsoft.Shadow(color='#CC0000', Direction=225, Strength=8)

Chroma Color をいじる必要があるかもしれませんが、うまくいくはずです。このマシンではテストできません (IE9 を持っていません)。

この投稿を参考にしました。

于 2012-10-11T16:14:46.497 に答える
0

レンダリングエンジンの問題のようです。

十分な大きさの font-size を使用すると、黒いアウトラインが表示されません

このフィルターには追加のパラメーターがないため (無効にするパラメーターを除いて)、それを使用する必要がある思います。

于 2012-10-11T15:55:36.767 に答える