Вчера я делал HTML-элемент, и эта проблема поразила меня. Фоновый образ DIV не отображается, и мне было любопытно, что ссылка работала нормально.Фоновый рисунок не отображается
Вот мой код
<div id="floating-image-<?php echo $id; ?>" class="fl-<?php echo $id; ?>" style="
background-image: url(https://images.pexels.com/photos/290470/pexels-photo-290470.jpeg?h=350&auto=compress&cs=tinysrgb);
margin-top: 20px;
\t height: 200px;
width: 200px;
background-position: center center;
\t background-repeat: no-repeat;
\t transform: translateY(0px);
background-size: contain;
\t position: relative;
margin-right: auto;
\t margin-left: auto;
max-width: 80%;
display:block;
"></div>
EDIT ОК, я редактировал динамические коды и заменить их с некоторым статическим выходом. Извините за вводящую в заблуждение другой EDIT Я изменил имидж и теперь я использую меньшее изображение, но все-таки это не показывается
Что такое '$ image' и как выглядит ваша файловая структура? Проверьте свою консоль, чтобы узнать, получаете ли вы ошибки. Здесь не так много другого. – Santi
У вас есть ширина и высота на нем? Px? Если нет, вы создаете div без ширины, без высоты или с обоими, и, следовательно, ваше фоновое изображение появляется, только на div, который не отображается (поскольку ширина/высота равна 0) – Adam
@Santi Я проверил мою консоль, но ничего не было в картинке –