比较Chrome和Firefox中Sudomemo Theatre的顶部栏。我一直在寻找为什么“ Sudomemo Theatre”徽标不会在Firefox中显示的原因;我已经尝试过Linux,Windows和Mac。我只能得出结论,这取决于渲染引擎。

但是为什么它不显示,我该如何解决?我想了解这个问题的核心。在我看来,Firefox无法正确正确地呈现css content属性。

谢谢!

注意顶部浮动菜单栏;它的左侧应带有“ Sudomemo Theatre”徽标。它可以在Windows版Chrome和Linux版(Chromium)中正常显示,但在Firefox中则无法正常显示。我不能认为每个人都有最新版本。

最佳答案

似乎Firefox仅支持content:before伪类的:after CSS属性,而不支持“ bare”元素。

尽管现在图像太大,但将规则更改为此可行:

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


有关更多信息,请参见documentation of content on MDN。这似乎是how the standard is written,因此从技术上讲,按原样工作,Chrome在这里可能是错误的。

10-05 20:52
查看更多