在眾多的CSS樣式應(yīng)用中,描邊效果是一個(gè)很常見的需求。一般情況下,我們可以使用CSS3中的text-shadow屬性來實(shí)現(xiàn)描邊效果,如下所示:
p { text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black; }
在上述代碼中,我們用text-shadow添加了四個(gè)陰影,它們會(huì)同時(shí)產(chǎn)生描邊效果。然而,在IE瀏覽器中,這段代碼并不能生效。那么,我們?cè)撊绾卧贗E瀏覽器中實(shí)現(xiàn)描邊效果呢?
在IE瀏覽器中,我們可以使用IE濾鏡來實(shí)現(xiàn)描邊效果。下面是一個(gè)簡單的實(shí)例:
p { filter: Shadow(Color=black, Direction=135, Strength=2), Shadow(Color=black, Direction=225, Strength=2), Shadow(Color=black, Direction=315, Strength=2), Shadow(Color=black, Direction=45, Strength=2); }
在上述代碼中,我們用filter添加了四個(gè)陰影,這些陰影的Direction屬性值分別為135度、225度、315度、45度,Strength屬性值為2,表示陰影的強(qiáng)度。其中,Shadow是IE濾鏡中的一個(gè)關(guān)鍵詞。
需要注意的是,IE濾鏡只能在IE瀏覽器中生效,不過IE瀏覽器目前已經(jīng)逐漸被淘汰,建議在實(shí)際項(xiàng)目中使用時(shí),在保證效果的前提下,盡可能地考慮到瀏覽器的兼容性。