Изображения не отображаются в Chrome, пока я не нажму кнопку Проверить элемент
Я столкнулся со странной ошибкой, используя мой сайт OpenCart в Chrome. Изображения продукта не появляются, но я вижу белую область, где они должны появиться.
Если у продукта нет изображения, оно выровнено слева, но в этом случае я могу видеть белую область, где обычно находится изображение.
И вот самая сумасшедшая часть, если я нажимаю на элемент inspect, внезапно появляется изображение.
Некоторые CSS код
.product-list .image {
float: left;
margin-right: 10px;
overflow: auto;
}
У вопроса есть решение - Посмотреть?
Вы можете отправить нам jsfiddle ?
Источник
Там нет ничего, что мы могли бы сделать с этим фрагментом CSS.
Источник
Речь идет обо всех изображениях, всех изображениях продукта, всех изображениях деталей продукта или только обо всех изображениях списка продуктов (а затем и при отображении списка и Герда или?)?
Источник
Источник
Ответы - Изображения не отображаются в Chrome, пока я не нажму кнопку Проверить элемент / Images not showing in Chrome until I click inspect element
13.11.2013 07:16:07
Это странно. Несмотря ни на что, вещи нужно проверить:
- Z-индекс: внешняя рамка, которая окружает изображение, может быть "выше" самого изображения. Добавьте
z-indexк изображению со значением 9999 для проверки - Позиция: если это родительский контейнер или бог знает что еще имеет странное положение, оно может влиять на то, где находится дочерний элемент, в этом случае появляется изображение.
- Отключение JS-Javascript может вызвать проблему здесь, попробуйте отключить его, чтобы проверить.
- Кроме того, когда вы используете инструменты chrome dev, вы технически "зависаете" на изображении. И вы говорите, что это внезапно появляется. Поэтому я бы взглянул на ваши правила наведения, как они применяются к изображениям. Многие сайты используют технику спрайтов, которая показывает одно изображение в нормальном состоянии,а затем перемещает фон в другую часть того же изображения при наведении. Ваше обычное состояние может быть пустым, и наведение курсора перемещает позицию bkgd на изображение, которое вы хотите.
Дай мне знать, как все обернется.
Является ответом!
@LoganWayne это похоже на ответ для меня.
@LoganWayne вторя Максимилиану, это действительно похоже на ответ.
Мы должны установить атрибут ширины и высоты изображения или контейнера изображения.
17.04.2019 07:45:30
Дополнительные сценарии для репликации этой проблемы 1. Закройте окно, если оно еще не открыто. 2. Изменить размер проверьте, если уже открыт. 3. Изменение размера окна браузера.
Помочь в развитии проекта: