Изображения не отображаются в Chrome, пока я не нажму кнопку Проверить элемент

Изображения не отображаются в Chrome, пока я не нажму кнопку Проверить элемент

13.11.2013 06:37:47 Просмотров 30 Источник

Я столкнулся со странной ошибкой, используя мой сайт OpenCart в Chrome. Изображения продукта не появляются, но я вижу белую область, где они должны появиться.

Если у продукта нет изображения, оно выровнено слева, но в этом случае я могу видеть белую область, где обычно находится изображение.

И вот самая сумасшедшая часть, если я нажимаю на элемент inspect, внезапно появляется изображение.

Некоторые CSS код

.product-list .image {
float: left;
margin-right: 10px;
overflow: auto;
}
У вопроса есть решение - Посмотреть?

https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element#comment29702741_19956546
Вы можете отправить нам jsfiddle ?
https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element#comment29703376_19956546
Там нет ничего, что мы могли бы сделать с этим фрагментом CSS.
https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element#comment29703914_19956546
Речь идет обо всех изображениях, всех изображениях продукта, всех изображениях деталей продукта или только обо всех изображениях списка продуктов (а затем и при отображении списка и Герда или?)?

Ответы - Изображения не отображаются в Chrome, пока я не нажму кнопку Проверить элемент / Images not showing in Chrome until I click inspect element

Colton45

13.11.2013 07:16:07

Это странно. Несмотря ни на что, вещи нужно проверить:

  1. Z-индекс: внешняя рамка, которая окружает изображение, может быть "выше" самого изображения. Добавьте z-indexк изображению со значением 9999 для проверки
  2. Позиция: если это родительский контейнер или бог знает что еще имеет странное положение, оно может влиять на то, где находится дочерний элемент, в этом случае появляется изображение.
  3. Отключение JS-Javascript может вызвать проблему здесь, попробуйте отключить его, чтобы проверить.
  4. Кроме того, когда вы используете инструменты chrome dev, вы технически "зависаете" на изображении. И вы говорите, что это внезапно появляется. Поэтому я бы взглянул на ваши правила наведения, как они применяются к изображениям. Многие сайты используют технику спрайтов, которая показывает одно изображение в нормальном состоянии,а затем перемещает фон в другую часть того же изображения при наведении. Ваше обычное состояние может быть пустым, и наведение курсора перемещает позицию bkgd на изображение, которое вы хотите.

Дай мне знать, как все обернется.

Является ответом!
Mary

19.08.2014 11:03:35

В CSS необходимо задать атрибуты width и height.

https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element/25377411#comment53216259_25377411
@LoganWayne это похоже на ответ для меня.
https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element/25377411#comment53218280_25377411
@LoganWayne вторя Максимилиану, это действительно похоже на ответ.
https://stackoverflow.com/questions/19956546/images-not-showing-in-chrome-until-i-click-inspect-element/25377411#comment86067997_25377411
Мы должны установить атрибут ширины и высоты изображения или контейнера изображения.
Satya Arya

17.04.2019 07:45:30

Дополнительные сценарии для репликации этой проблемы 1. Закройте окно, если оно еще не открыто. 2. Изменить размер проверьте, если уже открыт. 3. Изменение размера окна браузера.

Закрыть X