CSS Psuedo :: after在Firefox中未应用更新63

Question

昨晚，我的Firefox刚刚更新到版本63，而没有另行通知，我的网站上曾经正确显示的图像被破坏了。

我在网络上放置的图片，我使用的是CSS内容类

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

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

在更新之前，它可以正常工作。如果检测到铬，则应用非伪。 Firefox也使用伪版本。但是，更新后，如果两者都这样放置，则Firefox将首先选择非伪来使用它并消失该图像。

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

有人经历过吗？请帮助

Answer 1

感谢所有尝试提供帮助的人。我发现了问题并已经解决。

发生问题是因为我将类放入img元素

我认为它应该与div标签相同。实际上，在firefox更新到63之前，它曾经可以正常工作。

之前，我是这样写的。

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

它在Chrome和Firefox（63之前的版本）中均可使用

但是在63中，我必须将其更改为此

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

感谢jsfiddle启发了我的人