作者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/cn.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