|
【主要語法 】
style="filter:chroma(color=#ff0000,enabled=1)"
濾鏡：chroma
參數名稱
參數說明
color
設定透明的顏色，RGB 16進位
enabled
是否使用濾鏡功能，其預設值為1(使用)
【範例展示 】
※ 運用在未設定透明顏色的 JPG 圖片
未經濾鏡處理的原始圖片
範
例
原
始
碼<img src="winlogo.jpg">
| 設定透明顏色為#FF00FF | |||
| 範 例 |
|
原 始 碼 |
<img src="winlogo.jpg" style="filter:chroma(color=#ff00ff)"> |
※ 運用在已設定透明顏色的 GIF 圖片
未經濾鏡處理的原始圖片(已有透明)
範
例
原
始
碼<img src="winlogo.gif">
| 設定透明顏色為#0000FF | |||
| 範 例 |
|
原 始 碼 |
<img src="winlogo.gif" style="filter:chroma(color=#0000ff)"> |
※ 透過 JavaScript 處理產生動態效果
動態切換透明顏色開關
範
例 原
始
碼<img id="winlogo" src="winlogo.gif"
style="filter:chroma(color=#0000ff)">
<script language="JavaScript">
function blinkgif(){
with(winlogo.style){
filter=(filter=="chroma(enabled=0)")?"chroma(enabled=1)":"chroma(enabled=0)"
}
}
setInterval("blinkgif()",500)
</script>
備註：此濾鏡只適用在 IE 4.0 以上之瀏覽器，並不適用於 FIREFOX 各版本。
