IEの<span>タグでMSフィルター（dropShadow、グローまたはシャドウ）が機能しないのはなぜですか？

Question

Internet Explorer 6-9の<span>要素にテキストシャドーを適用したいだけです。私は次のCSSコードを使用しています。このHTMLで

.dropShadow { filter: dropshadow(color=#ffff00,offX=5,offY=5); } 
.glow  { filter: glow(color=#ff0000); } 
.shadow  { filter: shadow(color=#00ff00); } 

：

<span class="dropShadow">span with dropShadow</span> 
<p class="dropShadow">paragraph dropShadow</p> 
<span class="glow">span with glow</span> 
<p class="glow">paragraph with glow</p> 
<span class="shadow">span with shadow</span> 
<p class="shadow">paragraph with shadow</p> 

結果は<p>要素ががと影スタイルグロー、ドロップシャドウを受けるということです。しかし、<span>はスタイルが適用されません。どうして？

There is a live example (jsfiddle). I have used IE9.

Answer 1

あなたのスパンにdisplay:inline-blockを追加することができます。

http://jsbin.com/ipiqak/edit#preview