Blog Applied:CSS Alpha Filter (for IE)[教學]
CSS透明濾鏡,內嵌及圖片透明語法
在IE瀏覽器使用下
圖片透明完整的CSS Style語法是這樣:
style="FILTER: Alpha(Opacity=opacity, FinishOpacity=finishopacity, Style=style, StartX=startX, StartY=startY, FinishX=finishX, FinishY=finishY)"
除了Style為1~3有效外
其他的標籤都是數值0~100
單位是百分比
但是測試後無名似乎只支援兩個標籤
所以在無名能用的透明語法只有這樣:
style="FILTER: Alpha(Opacity=opacity,Style=style)"
Opacity=透明度0~100 (0=完全透明~100=不透明)
Style=透明樣式代碼 1~3 (效果見範例)
如果有多出來的部分送出文章後會把style的屬性值清空
所以也沒什麼可以介紹的啦
只提供幾個範例圖片給大家看看囉
如果內嵌的格式是Flash
要記得加上 wmode="transparent" 才能顯示透明的效果
語法參考:
原圖:
Opacity=50,Style=0
Style=0可不寫
Opacity=80,Style=1
linear 線性
Opacity=100,Style=2
radial 圓形
Opacity=100,Style=3
rectangular 方形
另外這個濾鏡也可以應用在embed內嵌裡
側邊欄的MIXPOD就有使用透明濾鏡
參考語法
還有另外兩個測試後在無名可用的CSS濾鏡
Gray 灰階
Invert 反相
各個濾鏡可以混合使用
只要在濾鏡間加上空白鍵區隔就行了
例如這張圖用了Alpha Gray Invert三個濾鏡
style="FILTER:Alpha(Opacity=80,Style=3) Invert Gray;"
如果有發現還有其他CSS Filter可以在無名使用的
歡迎補充

本著作由Evan‧A‧D‧E製作
以創用CC 姓名標示-非商業性-相同方式分享 2.5 台灣 授權條款釋出