css – Webkit-mask-size无效

.myClass {
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-mask-size: 50% 50%;
    -webkit-mask: url(../css/images/myimage.png) center center;
}

应用了myClass的div有一个父容器,其上设置了固定的高度.

无论我设置什么-webkit-mask-size都没有区别.

.myClass {
    width: 100%;
    height: 100%;
    background: #ffffff;
    -webkit-mask: url(../css/images/myimage.png) center center;
    -webkit-mask-size: 50% 50%;
}

当您指定整个属性-webkit-mask时,它包含所有子属性的值,因此它会重置-webkit-mask-size.

如果你设置了最后一个,那就不会发生.

或者,单独指定子属性(图像,位置,大小……)