作者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://www.ptt.cc/bbs/Ajax/M.1444010415.A.195.html
→ mmis1000: 用canvas模擬? 10/05 11:05
→ mmis1000: 取出顏色調完色系後再放回去 10/05 11:05
→ mmis1000: rgb跟hsl互轉的範例網路上都找 10/05 11:07
→ mmis1000: 得到 10/05 11:07
推 timmy5519: 單色可以使用 SVG filter 改變顏色,可以支援到IE 10 10/06 22:24
→ hammert: 如果我要畫的是像IE的圖示也可以? 10/10 09:53