css掩码图像不工作

你知道为什么旗帜没有填满下面的h2文本吗？开发人员url:（信息面板）

后台url链接正确：

---

你想要达到的效果是什么

您使用的图像始终是100%不透明的。只有当使用的png图像具有不同的透明度部分时，

遮罩图像

才有用。它本质上是将png图像的透明度属性应用于正在使用它的任何对象

我想举一个更好的例子来说明我的意思：

我已经拍摄了你的照片，对其进行了去饱和处理，并迅速去除了所有白色区域（使其透明）。将您的

掩码图像

URL替换为我编辑的图像，您可以看到不同之处：

另外值得注意的是，目前，

mask image

仅适用于webkit浏览器（例如Chrome）

h2.usa {
  background-size: 100px auto;
  -webkit-mask-image: url(../images/usa.png);
  -o-mask-image: url(../images/usa.png);
  -moz-mask-image: url(../images/usa.png);
 -ms-mask-image: url(../images/usa.png);
 mask-image: url(../images/usa.png);
 letter-spacing: -2px;
 font-weight: bold;
}