2

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

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

この HTML では:

<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>

その結果、要素だけがdropShadow、glow、およびshadowスタイル<p>を受け取ります。ただし、スタイルは適用されません。なんで？<span>

実際の例 (jsfiddle) があります。私はIE9を使用しました。

4

1 に答える 1

6

display:inline-blockスパンに追加できます。

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

于 2012-01-23T21:52:03.937 に答える