internet-explorer - 为什么 MS 过滤器(dropShadow、glow 或 shadow)对 IE 中的 标签不起作用？

Question

我只想将文字阴影应用到 <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>

结果只有<p>元素将接收 dropShadow、glow 和 shadow 样式。但是<span>不会应用样式。为什么？

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

Answer 1

您可以将 display:inline-block 添加到您的 span 中。

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