Почему этот логотип не отображается в Firefox?

Question

Сравните верхнюю панель для Sudomemo Theatre как в Chrome, так и в Firefox. Я охотился вокруг, потому что логотип «Sudomemo Theatre» не будет отображаться в Firefox; Я пробовал как Linux, Windows, так и Mac. Я могу только заключить, что это сводится к движку рендеринга.

Но Почему не отобразится, и как его исправить? Я хотел бы разобраться в этом вопросе. Мне кажется, что Firefox неправильно воспроизводит атрибут css-контента.

Спасибо!

Обратите внимание на верхнюю плавающую панель меню; он должен иметь логотип «Sudomemo Theatre» слева. Он отображается правильно в Chrome для Windows и Linux (Chromium), но не в Firefox. Я не могу предположить, что у каждой есть последняя версия.

Answer 1

кажется Firefox поддерживает только атрибут content CSS с :before или :after псевдо-классом, но не с "голым" элементом.

Изменение правила для этого работает, хотя изображение сейчас слишком велик:

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

Для получения дополнительной информации см documentation of content on MDN. Кажется, это how the standard is written, поэтому технически Chrome может быть неправильным здесь, работая как есть.