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可以在無名使用的
歡迎補充

Creative Commons License
著作Evan‧A‧D‧E製作
創用CC 姓名標示-非商業性-相同方式分享 2.5 台灣 授權條款釋出
arrow
arrow
    全站熱搜

    Evan‧A‧D‧E 發表在 痞客邦 留言(1) 人氣()