为什么此徽标不会显示在Firefox中？

Question

比较Chrome和Firefox中Sudomemo Theatre的顶部栏。我一直在寻找为什么“Sudomemo Theatre”徽标不会在Firefox中显示的原因;我已经尝试了Linux，Windows和Mac。我只能断定它归结为渲染引擎。

但是为什么不会显示，我该如何解决？我想了解这个问题的核心。在我看来，Firefox没有正确渲染CSS内容属性。

谢谢！

注意顶部浮动菜单栏;它应该在左边有一个'Sudomemo剧院'标志。它在适用于Windows的Chrome和Linux（Chromium）中正确显示，但不在Firefox中显示。我不能认为每个人都有最新版本。

Answer 1

看来火狐仅支持与:before或:after伪类的content CSS属性，但不能以“裸”元素。

更改规则来工作的，虽然像现在太大：

a.navbar-brand:before { 
    content: url("/images/sudomemotheatrelogomedium.png"); 
    padding: 10px; 
} 

欲了解更多信息，请参阅documentation of content on MDN。这似乎是how the standard is written，所以从技术上来说Chrome可能是错误的，按原样工作。