[問題] css mask cross browser

作者: hammert (^^不會來問了。可以完成1)   2015-10-05 10:00:12
最近在實作網站,因為有色系的切換,為了不想畫多張底圖,所以發現 mask
但 mask 好像只有在 chrome 有效果 http://jsfiddle.net/ZdvXg/97/
不曉得大家有沒有什麼好的建議?
因為我是把很多張圖放在一張圖,然後透過 position 來取得某一個圖
<div style="background-image:'a.png';background-position: -100px 0;"/>
所以感覺用 svg 好像不適用,因此希望有可以跨瀏覽器的效果。
(有 po 文在 web_design,加上最近研究好像都沒辦法,不曉得能不能用jquery 解決)
作者: mmis1000 (秋月戀楓)   2015-10-05 11:05:00
用canvas模擬?取出顏色調完色系後再放回去rgb跟hsl互轉的範例網路上都找得到
作者: timmy5519 (打雜的)   2015-10-06 22:24:00
單色可以使用 SVG filter 改變顏色,可以支援到IE 10
作者: hammert (^^不會來問了。可以完成1)   2015-10-10 09:53:00
如果我要畫的是像IE的圖示也可以?

Links booklink

Contact Us: admin [ a t ] ucptt.com