CSS Psuedo::after未在Firefox中应用

CSS Psuedo::after未在Firefox中应用,css,firefox,pseudo-element,Css,Firefox,Pseudo Element,昨晚我的Firefox在没有通知的情况下更新到了63版,我网站上曾经正确显示的图像被破坏了 我放在网上的图片,我使用了css内容类 /*Chrome*/ .pswFilled{ content:url("psw_filled.png"); } /*Firefox*/ .pswFilled::after{ content:url("psw_filled.png"); } 在更新之前,它工作正常。如果检测到铬,则应用非伪代码。Firefox也使用伪版本。然而,在更新之后,如果两

昨晚我的Firefox在没有通知的情况下更新到了63版,我网站上曾经正确显示的图像被破坏了

我放在网上的图片,我使用了css内容类

 /*Chrome*/
.pswFilled{
    content:url("psw_filled.png");
}

/*Firefox*/
.pswFilled::after{
    content:url("psw_filled.png");
}
在更新之前,它工作正常。如果检测到铬,则应用非伪代码。Firefox也使用伪版本。然而,在更新之后,如果两者都是这样放置的,Firefox将首先选择非伪图像并使图像消失

如果我删除非伪行,Firefox会选择伪行,图像将正确显示,但在chrome中消失


有人经历过这个吗?请帮忙

谢谢所有试图帮忙的人。我发现了问题,并且已经解决了

问题的出现是因为我将类放入了img元素中

我认为它应该以同样的方式工作到div标签。实际上,它在firefox升级到63之前就已经开始工作了

以前,我是这样写的

<img id='pwdBox' class='pswFilled'/>

它在Chrome和Firefox中都能工作(63年以前)

但在63年,我必须把它改成这个

<div id='pwdBox' class='pswFilled'></div>


多亏了extempl,他用JSFIDLE启发了我。FX63发行说明中没有任何内容说明现在支持content属性的元素。现在我真的很好奇。话虽如此,您必须提供重现此问题所需的标记。适用于Chrome和Firefox 63。如果删除非伪代码,它仍然可以在两种浏览器中运行。不知何故,我觉得这不是一个普通的div或其他东西。这是输入吗?谢谢各位。我找到了答案,把答案放在这里。