Невозможно отобразить PNG изображение в качестве фона DIV

Question

Я использую PNG изображение в качестве фона в DIV:

background: url('/abc/pages/images/loading/loading_bg.png'); 

Отобразите DIV, установив CSS display=block, но не отображается изображение.
Изображение существует и может отображаться в Chrome, если U введите полный URL-адрес изображения в адресной строке.

Если изображение отображается один раз, фон DIV будет отображаться ОК.
Эта проблема не существует в IE или Firefox.
Я изменил изображение на .JPG, та же проблема существует.
Я проверил это изображение на вкладке ресурсов (F12 в Chrome): миниатюра является сломанным файлом, но если я нажму «открыть изображение на новой вкладке», он отобразится правильно на новой вкладке!

Кто-нибудь дает мне несколько советов по этому поводу? Спасибо.

Приложение: «Фоновое изображение» вычисленного стиля - это URL-адрес изображения. Так что это не переопределение. К этому URL-адресу можно получить доступ другой вкладкой, и изображение PNG будет правильно отображаться на новой вкладке. Таким образом, нет проблем с URL. Еще одна вещь: когда страница отображается первоначально, DIV скрывается отображением: none. И я пытаюсь отобразить его с помощью display: block. Я размещаю это на форуме Chrome, и никто не отвечает на него.

Answer 1

Фоновые изображения не будут влиять на размер элемента, которому они назначены. Если ваш div пуст, вам необходимо установить его height и width в соответствии с размером вашего фонового изображения. В противном случае пустой div имеет height 0 и не будет отображаться.

Edit:

Каюсь, в своем рвении, чтобы ответить на ваш вопрос, я не читал его полностью, и мой ответ не решает проблему. Я извиняюсь.

Answer 2

Если вы хотите изображения не повторить, не используйте не повторять после пути изображений

Если вы хотите повторить изображение по оси «X» использовать повтор-х после пути изображений

Если у вас хочу повторить изображение по оси «Y» использовать повтор у после пути изображений

Если вы хотите «X и Y» повтор изображения оси использовать повтор после пути изображения например:

background: url ('/ abc/pages/images/loading/loading_bg.png') no-repeat;