Проблема с отображением img в Firefox

Question

Я заметил странную проблему с сайтом. Когда я просматриваю сайт в Chrome или Safari, я вижу изображение в самом верху страницы, однако при просмотре того же сайта в Firefox изображение не отображается. Тем не менее, когда я смотрю на исходный код, я обнаруживаю, что изображение на самом деле все еще там написано, даже если оно не отображается на странице. Мне было интересно, если кто-нибудь имел представление о том, что происходит? Я попытался сбросить Firefox, очистить кеш и cookie-файлы и даже изменить стандартное поведение Firefox для обеспечения безопасности безрезультатно.

Answer 1

В следующем селекторе у вас есть значение z-index -1, и это делает изображение позади контента, поэтому вы не можете видеть его в Firefox, оно не повлияло на Chrome или Safari, но повлияло на Firefox, поэтому вам нужно изменить в селекторе значение z-index должно быть 0 или выше 0 в любом случае

.header-logo, .brand-logo {
    z-index: 0;
}

попробуйте проверить, вы увидите, о чем я говорил в инспекторе, и, кстати, эти CSS-коды в вашем html-файле не находятся внутри вашего css-файла, так что я думаю, что вы не можете найти причину, по которой изображение не отображается