我想在图像上制作一个面具.
它在Chrome中运行良好,所以我必须做正确的事情.
这是代码:
<style type="text/css">
.element {
width: 250px;
height: 250px;
overflow: hidden;
color: #fff;
background: url(images/film.png);
mask:url(images/cat.svg);
-webkit-mask-image: url(images/cat.svg);
}
</style>
</head>
<body>
<div class="element">
</div><img src="images/cat.svg" width="250" height="250" />
</body>
可在此查看:kindervakantiepas.nl/mask/mask.html
为什么它不适用于Firefox？