2

我在某处读到 css 掩码可以在带有 svg 文件的 Firefox 中使用,但我无法让它工作......它在 chrome 和 safari 中工作完美,但我对 Firefox 没有运气。

4

5 回答 5

4

这就是您在 Firefox 中的操作方式。您将 SVG 剪辑路径和掩码应用于 html 内容。它与 webkit css 掩码的语法不同,但可以达到相同的效果。

于 2012-09-05T16:16:46.660 回答
2

编辑:根据http://caniuse.com/#feat=css-masks应该支持 Firefox 54 CSS 掩码

根据http://caniuse.com/#feat=css-masks不支持

于 2012-09-05T14:59:02.283 回答
0

https://developer.mozilla.org/en-US/docs/CSS/mask

于 2012-09-05T15:00:07.120 回答
0

正在搜索 css 掩码,在这里找到了本教程,可能会对您有所帮助。展示了一种不同的方法,它适用于 Mozilla
http://thenittygritty.co/css-masking

示例 - http://www.der-schepp.de/css-masking/mouse.html

于 2013-02-23T21:31:13.557 回答
0

有这个jquery插件,我最终选择了这个解决方案,因为它也是跨浏览器的。

http://almogbaku.github.io/imageMask/

于 2013-09-06T01:36:19.467 回答