У меня есть тег <img src="<...>.webp">, который я хочу перенести в CSS. Я разработал хорошее решение, которое работает в Chrome и показывает изображение по центру:
HTML
<img id="logo">
CSS
#logo {
content: url("...");
margin: 0 auto 0 auto;
display: block;
}
Не требуется контейнер, фон, ширина, высота и т. Д. c. Однако в Firefox вывод отсутствует . В чем заключается несовместимость и каково будет чистое решение для одинакового отображения изображения во всех основных браузерах?