[問題] css mask cross browser

看板Ajax作者 (^^)時間10年前 (2015/10/05 10:00), 編輯推噓1(105)
留言6則, 3人參與, 最新討論串1/1
最近在實作網站,因為有色系的切換,為了不想畫多張底圖,所以發現 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://www.ptt.cc/bbs/Ajax/M.1444010415.A.195.html

10/05 11:05, , 1F
用canvas模擬?
10/05 11:05, 1F

10/05 11:05, , 2F
取出顏色調完色系後再放回去
10/05 11:05, 2F

10/05 11:07, , 3F
rgb跟hsl互轉的範例網路上都找
10/05 11:07, 3F

10/05 11:07, , 4F
得到
10/05 11:07, 4F

10/06 22:24, , 5F
單色可以使用 SVG filter 改變顏色,可以支援到IE 10
10/06 22:24, 5F

10/10 09:53, , 6F
如果我要畫的是像IE的圖示也可以?
10/10 09:53, 6F
文章代碼(AID): #1M4Tcl6L (Ajax)
文章代碼(AID): #1M4Tcl6L (Ajax)