我做错了什么？
<style>
.masked-element {
mask-image: url(images-free-tour/cauldron/mask.svg);
mask-mode: alpha;
}
.masked-element image {
mask: url(images-free-tour/cauldron/mask.svg);
mask-mode: alpha;
}
</style>
这是页面正文中的图像
<img class="masked element" src="images-free-tour/cauldron/cauldron-angel-640.jpg" />
我已经尝试过很多不同的方法，但都不起作用，掩码应该允许页面背景通过，但事实并非如此。帮助!
最佳答案
据推测，您出错的地方是没有在 Firefox 中进行测试(即 the only browser that supports it )。
Chrome 和 Safari 通过 -webkit- 获得有限支持供应商前缀。 Microsoft 浏览器目前根本不支持它。
另外，选择器要匹配<img class="masked element">是img.masked.element而不是 .masked-element image .
关于html - jpg 上的 svg 蒙版不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49258376/