0

私は CSS で以下を使用してフォントの輪郭をいくつかの境界線で囲んでいますが、これは IE では機能しません。現在、これは Chrome、FF、Safari でうまく機能します。

.ItemPrice { 
     font-size: 40px; 
     color: #E8C61E; 
     -webkit-text-stroke: 1px #B2412F; 
     text-shadow: -1px 0 #B2412F, 0 1px #B2412F, 1px 0 #B2412F, 0 -1px #B2412F; 
 }

これらは動的に出てくる価格なので、画像は使用できません。誰かが私を助けることができれば、それは素晴らしいことです.

人々が重複した質問としてマークしたため、説明を追加しました。

  1. Filter を使用して影を作成できることはわかっていますが、フォントに境界線のような感触を与えません。
  2. 複数の dropShadow フィルターを使用して Border を作成すると、フォントが角から切り取られ、見栄えがよくありません。
  3. ボーダー付きのフォントを作成するための JS プラグインがありますが、表示する必要がある価格を同じページに複数回表示する必要があるため、これらの JS プラグインを使用すると非常に遅くなります。

前もって感謝します。

4

2 に答える 2

0

フィルターを使用して複数のテキスト シャドウを作成できます。

filter: progid:DXImageTransform.Microsoft.Chroma(color='white') progid:DXImageTransform.Microsoft.Alpha(opacity=100) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=1,offY=-1) progid:DXImageTransform.Microsoft.dropshadow(color=#ffffff,offX=-1,offY=-1);
于 2013-02-19T04:07:37.123 に答える
0

これを調べると、css3 PIE と同様に機能しますが、テキスト シャドウ機能がいくつかあります。この特定のものを使用したことはありませんが、試してみる価値があるかもしれません。

http://www.fetchak.com/ie-css3/

于 2013-02-19T04:19:10.860 に答える