- エクスプローラの-webkit-text-stroke？

Question

私は、次のCSSを使用しています：Firefoxの、サファリ、およびChromeでうまく機能-webkit-text-stroke: 0.04em; white;

-webkit-text-stroke: 0.04em; white; -webkit-text-fill-color: white; text-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);

を。しかし、それはExplorerと互換性がありません。私はそれをExplorerでも動作させるにはどうすればいいですか？

Answer 1

これはIEでネイティブにサポートされていません。CanIUse browser support tableです。また、エッジでのサポートも貧弱です。ただし、フィルタを使用して同じ効果を得ることができます。

ここにa fiddle of it workingへのリンクです。著者の信用度はthe answerです。

必要なCSSの例... [Internet Explorerのシミュレーションテキストストローク]の

.myClass { 
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=-1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=0, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-1, Color=#000000)progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#000000)"; 
}