#css #bootstrap-4 #position #css-position #absolute
#css #bootstrap-4 #позиционирование #css-position #абсолютный
Вопрос:
В настоящее время я работаю над веб-сайтом (http://www.helmholtz-nachhaltigkeit.de /).
В Chrome все выглядит красиво, но почему-то Firefox и Safari создают проблемы с my position: absolute; в my container-fluid .
Как вы можете видеть, он каким-то образом принимает left: 0; и top: 0; в img , но при открытии в Firefox или Safari он каким-то образом показывает пробел, подобный этому.
Я перепробовал все, проверил каждое заполнение, но пока не смог найти решение.
Заранее спасибо! Патрик
Комментарии:
1. Интересная проблема. Я пока не смог найти ни одного подходящего решения, но взломом было бы вручную переместить его влево / вправо с сайта с помощью
translateX(1px).2. Хм, я проверил сайт как в Firefox, так и в Safari (на macOS) и не вижу проблемы. Можем ли мы для начала убедиться, что ваш CSS не кэшируется в этих браузерах, очистив все данные сайта?
Ответ №1:
Я нашел решение проблемы:
Я преобразовал svg в png, и пробелы исчезли! Должно быть, была странная кодовая строка svg, которая создала эти пробелы.
В любом случае спасибо 🙂