2014-10-30 64 views
-1

比較Chrome和Firefox中Sudomemo Theatre的頂部欄。我一直在尋找爲什麼「Sudomemo Theatre」徽標不會在Firefox中顯示的原因;我已經嘗試了Linux,Windows和Mac。我只能斷定它歸結爲渲染引擎。爲什麼此徽標不會顯示在Firefox中?

但是爲什麼不會顯示,我該如何解決?我想了解這個問題的核心。在我看來,Firefox沒有正確渲染CSS內容屬性。

謝謝!

注意頂部浮動菜單欄;它應該在左邊有一個'Sudomemo劇院'標誌。它在適用於Windows的Chrome和Linux(Chromium)中正確顯示,但不在Firefox中顯示。我不能認爲每個人都有最新版本。

Firefoxenter image description here

+0

它在Firefox 32中爲我顯示。 – 2014-10-30 21:20:35

+0

http://i.imgur.com/Z5NxIiC.png http://i.imgur.com/nEqz72G.png – 2014-10-30 21:23:04

+0

在我看來,Firefox沒有正確渲染CSS內容屬性? – 2014-10-30 21:46:17

回答

4

看來火狐僅支持與: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可能是錯誤的,按原樣工作。

+0

它在Firefox中不起作用是一種遺憾。 – 2014-11-18 18:37:42