前面我們討論了text-shadow屬性的發(fā)展歷史和text-shadow語法，以及text-shadow屬性的取值各代表什么含義。今天主要補(bǔ)充說明一下text-shadow兼容性的問題和濾鏡的用法。

IE瀏覽器是不兼容text-shadow效果的，但為了在兼容這一問題，我們只好使用濾鏡filter:shadow來處理（我們不建議使用濾鏡），因?yàn)槭褂脼V鏡編寫樣式是比較繁瑣的。filter:shadow濾鏡作用與dropshadow相似，也能使用對象產(chǎn)生陰影效果，不同的是shadow可產(chǎn)生漸近效果，使用陰影更平滑實(shí)現(xiàn)。

其中的濾鏡語法：

.lujing {filter:shadow(Color=顏色值,Direction=數(shù)值,Strength=數(shù)值)}

其中l(wèi)ujing 是css中的元素選擇器，Color是用來設(shè)定對象的陰影顏色；Direction用于設(shè)定投影的方向，取值為0（表示向上方向），45為右上，90為右，135為右下，180為下方，225為左下方，270為左方，315為左上方；Strength就是強(qiáng)度，類似于text-shadow中的blur值。

上一篇：前端設(shè)計(jì)經(jīng)常用到的文字陰影_text-shadow(中）

下一篇：網(wǎng)站后臺(tái)如何劃分模塊（其他）