筆記 | 讓瀏覽器的文字實現陰影效果

讓瀏覽器的文字實現陰影效果

測試了IE7~IE9 Firefox Opera Google 這幾個瀏覽器都沒問題

這裡利用二句CSS來達成這個效果

設定一句是CSS3的語法 用於設定IE之外的瀏覽器 另一句設定是為了在IE實現陰影效果的濾鏡

在你想加的文字區塊裡面加上這二句CSS即可達成

text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);

filter: DropShadow(Color=#777777, OffX=1, OffY=1, Positive=1);