讓 IE 也有 CSS3 text-shadow 的陰影效果

用 text-shadow 我實現了在 Firefox 和 Chrome 瀏覽器下的文字陰影效果，可唯一遺憾的就是 text-shadow 是 CSS 3.0 的屬性，IE 還不能識別。昨天在逛朋友的 QQ 空間時無意中發現在 IE 瀏覽器下，他的留言板字體居然可以有陰影效果，用開發者工具一看才恍然大悟，原來是用 filter:shadow 濾鏡實現的效果。只怪我腦子一直沒有轉過彎來，一心想著 text-shadow，把濾鏡這一強大手法給忘了。

說幹就幹，經過一番測試，我就把濾鏡用到了 IE 上，下面舉例展示效果：

用 text-shadow 屬性，僅在 Firefox 下文字有陰影效果

用 filter:shadow 濾鏡，僅在 IE 下文字有陰影效果

同時應用 text-shadow 屬性和 filter:shadow 濾鏡，在 Firefox 和 IE 下文字都有陰影效果

再來介紹下 filter:shadow 濾鏡，該濾鏡作用與 Dropshadow 類似，也能使對象產生陰影效果，不同的是 shadow 可產生漸進效果，使陰影更顯真實。其語法結構如下：

選擇器{filter：shadow（Color=顏色值,Direction=數值,Strength=數值）}

其中，Color 用於設定陰影顏色；Direction 用於設定投影方向，取值為0即零度（表示向上方向），45為右上，90為右，135為右下，180為下方，225為左下方，270為左方，315為左上方；Strength 就是強度。