Почему фильтры MS (dropShadow, glow или shadow) не работают для тегов <span>в IE? - PullRequest
Новая
       77

Почему фильтры MS (dropShadow, glow или shadow) не работают для тегов <span>в IE?

2 голосов
/ 24 января 2012

Я просто хочу применить тень текста к <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> не будет применять стили. Почему?

Есть живой пример (jsfiddle). Я использовал IE9.

1 Ответ

6 голосов
/ 24 января 2012

Вы можете добавить display:inline-block к своим пролетам.

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

...