PCTOP 銓尹行銷顧問有限公司 CHYUANYIIN 的談天說地溫馨小窩

[轉貼自]http://hi.nipic.com/yaohengliang/show_36692.html

css文字陰影支援firefox IE

text-shadow: 是firefox和 Chrome 流覽器支援的文字陰影.

FILTER:Shadow是ie支援的陰影濾鏡.

說明：

接下來看看text-shadow的語法:

選擇器{text-shadow:color length length length; }

color:顏色; length分別按順序指“X軸方向長度 Y軸方向長度 陰影模糊半徑”

正值在X軸表示向右,負值表示向左.同樣的道理Y軸負值是表示向上.其中任意一個值可以為零也可為空(將做默認處理)

FILTER:Shadow語法

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

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

 示例：

.yao {color:#fff; font-weight:bold; font-size:14px; display:block; height:30px;text-shadow: #333 1px 1px 1px; FILTER:Shadow(Color=#333333, Direction=90, Strength=1);}

 .yao2{background:url(images/select.gif) no-repeat; display:block; height:30px; text-shadow: #D71920 1px 1px 1px;FILTER:Shadow(Color=#047CE4, Direction=315, Strength=1);}