为什么这个徽标不会在Firefox中显示?

时间:2014-10-30 21:18:33

标签: css twitter-bootstrap google-chrome firefox

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

为什么不会显示,我该如何解决?我想以此为核心理解这个问题。在我看来,Firefox没有正确呈现css内容属性。

谢谢!

注意顶部浮动菜单栏;左边应该有一个'Sudomemo剧院'标志。它可以在Chrome for Windows和Linux(Chromium)中正常显示,但不能在Firefox中显示。我不能假设每个人都有最新版本。

Firefox enter image description here

1 个答案:

答案 0 :(得分:4)

Firefox似乎只支持content:before伪类的:after CSS属性,但不支持“裸”元素。

将规则更改为此作品,虽然图像现在太大了:

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

有关详细信息,请参阅documentation of content on MDN。这似乎是how the standard is written,因此从技术上讲,Chrome可能会因为原样工作而出错。