Не удается отобразить изображение 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): миниатюра представляет собой поврежденный файл, но если я нажимаю «открыть изображение вНовая вкладка ", она отображается правильно в новой вкладке!

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

Дополнение: "background-image" в Computed Style является URL-адресом изображения.Так что это не переопределить.Этот URL-адрес доступен для другой вкладки, и изображение PNG отображается правильно на новой вкладке.Так что проблем с URL нет.Еще одна вещь: когда страница отображается изначально, DIV скрывается за отображением: нет.И я пытаюсь отобразить его на дисплее: блок.Я размещаю это на форуме Chrome, и никто не отвечает на него.

Answer 1

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

Редактировать:

Признаюсь, в своем рвении ответить на ваш вопрос, я не сделалпрочитайте это полностью, и мой ответ не решает вашу проблему.Я прошу прощения.

Answer 2

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

Если вы хотите, чтобы изображение повторялось по оси X, используйте repeat-x послепуть к изображению

Если вы хотите, чтобы изображение повторялось по оси Y, используйте repeat-y после пути к изображению

Если вы хотите, чтобы изображение повторялось по осям 'X и Y', используйте ось повтор после пути к изображению, например:

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