Html Firefox不支持在文本上随机屏蔽图像

Html Firefox不支持在文本上随机屏蔽图像,html,css,mask,Html,Css,Mask,两个Macbook pros,同一个站点,一个渲染,一个不渲染。具有纹理类的所有文本不会随机显示在两台计算机上的页面上。杰基尔正确渲染所有链接 臭虫 从我们的测试站点链接到该问题的视频Chrome和Safari都可以。什么FF版本?只有在53版本:Firefox 62.0 Quantum之后才支持它。刚刚发布了一段视频来说明这个问题。从我们的测试站点链接到该问题的视频当我从纹理类中删除-webkit mask size:contain和mask size:contain时,Firefox似乎至少

两个Macbook pros,同一个站点,一个渲染,一个不渲染。具有纹理类的所有文本不会随机显示在两台计算机上的页面上。杰基尔正确渲染所有链接

臭虫


从我们的测试站点链接到该问题的视频

Chrome和Safari都可以。什么FF版本?只有在53版本:Firefox 62.0 Quantum之后才支持它。刚刚发布了一段视频来说明这个问题。从我们的测试站点链接到该问题的视频当我从纹理类中删除-webkit mask size:contain和mask size:contain时,Firefox似乎至少显示文本,但效果不是预期的。这似乎是一个关于
mask size:contain的问题。如果将其设置为
auto
(这是初始值),则会很好地显示遮罩。
.texture {
    -webkit-mask-image:url('{{site.url }}/img/texture.png');
    mask-image:url('{{site.url }}/img/texture.png');
    mask:url('{{site.url }}/img/texture.png');
    -webkit-mask-repeat: repeat;
    mask-repeat: repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}