GIF не отображается в хроме

Я использую CSS (ниже). loading64.gif всегда отображается в FF и IE, но не в хроме. Я использую «.loading» внутри colorbox. Я не могу решить проблему.GIF не отображается в хроме

HTML:

<center><div class="loading" id="loaderImg"><span class="waiting-info"></span></div></center>

УС:

.loading { 
background: url(resources/base/img/loading64.gif) no-repeat center center transparent; 
background-color: #ffffff; 
float: left; 
height: 100%; 
min-height: 333px; 
width: 100% !important; 
z-index: 444; 
position: absolute; 
opacity: 0.9; 
left: 0; 
top: 0; 
}

Screenshots

источник

2015-04-17 Abhishek Agarwal

Можете ли вы попытаться использовать кавычки внутри 'url'? Это необязательно, но в отношении следующих комментариев кажется, что даже новые версии Chrome имеют проблемы с этим. Ссылка: http://stackoverflow.com/questions/2168855/is-quoting-the-value-of-url-really-necessary (прочитайте раздел комментария в «Принятом ответе») –

Запускаете ли вы это с веб-сервера или локальной файловой системы? У Chrome есть проблемы с загрузкой файлов с жесткого диска (с URL-адресом, начинающимся с файла: // ...) из-за ограничений безопасности. Предполагая, что gif использует относительный путь в css, он будет предварительно перенесен с URL-адресом сайта. Если сайт загружен как файл: //, вы можете столкнуться с проблемой. Во всяком случае, в консоли отладки должна быть соответствующая ошибка, вы можете добавить ее и в сообщение, если действительно произойдет ошибка. –

Это анимированный GIF? – putvande

Попробуйте установить абсолютную ширину (пример 100px) вместо 100%. В зависимости от родительского контейнера и его стилизации у вас может быть div ширины 0, который объяснит это.

источник

2015-04-17 13:56:13 tribe84

Зачем это отличаться IE и FF? – OJFord

Chrome, IE и Firefox имеют разные способы обработки% размеров. Это зависит от его родительского контейнера, в некоторых случаях вам нужно убедиться, что у контейнера pareunt есть ширина, чтобы он работал в большинстве браузеров. Позиция и т. Д. Все играют определенную роль, но с ограниченной информацией, с которой можно согласиться, вполне может быть то, что я описал. – tribe84

GIF не отображается в хроме

ответ

Смежные вопросы