作者hammert (^^)
看板Ajax
標題[問題] css mask cross browser
時間Mon Oct 5 10:00:12 2015
最近在實作網站，因為有色系的切換，為了不想畫多張底圖，所以發現 mask
但 mask 好像只有在 chrome 有效果
http://jsfiddle.net/ZdvXg/97/
不曉得大家有沒有什麼好的建議？
因為我是把很多張圖放在一張圖，然後透過 position 來取得某一個圖
<div style="background-image:'a.png';background-position: -100px 0;"/>
所以感覺用 svg 好像不適用，因此希望有可以跨瀏覽器的效果。
(有 po 文在 web_design，加上最近研究好像都沒辦法，不曉得能不能用jquery 解決)
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 59.125.206.247
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1444010415.A.195.html
1F：→ mmis1000: 用canvas模擬？ 10/05 11:05
2F：→ mmis1000: 取出顏色調完色系後再放回去 10/05 11:05
3F：→ mmis1000: rgb跟hsl互轉的範例網路上都找 10/05 11:07
4F：→ mmis1000: 得到 10/05 11:07
5F：推 timmy5519: 單色可以使用 SVG filter 改變顏色，可以支援到IE 10 10/06 22:24
6F：→ hammert: 如果我要畫的是像IE的圖示也可以? 10/10 09:53