Почему встроенный стиль "background-image" не работает в Chrome 10 и Internet Explorer 8? - PullRequest
Новая
       22

Почему встроенный стиль "background-image" не работает в Chrome 10 и Internet Explorer 8?

47 голосов
/ 01 мая 2011

Почему следующий пример показывает изображение в Firefox 4, но не в Chrome 10 и Internet Explorer 8?

HTML: 

<div style="background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div>

CSS: 

div {
    width: 60px;
    height: 60px;
    border: 1px solid black;
}

Есть идеи для обхода?

Ответы [ 4 ]

95 голосов
/ 01 мая 2011

Как упомянул c-smile: Просто нужно удалить апострофы в url(): 

<div style="background-image: url(http://i54.tinypic.com/4zuxif.jpg)"></div>

Демо здесь

5 голосов
/ 10 марта 2016

вы также должны указать ширину и высоту 

 <section class="bg-solid-light slideContainer strut-slide-0" style="background-image: url(https://accounts.icharts.net/stage/icharts-images/chartbook-images/Chart1457601371484.png); background-repeat: no-repeat;width: 100%;height: 100%;" >
5 голосов
/ 01 мая 2011

Chrome 11 выдает следующее в своем отладчике:

[Ошибка] GET http://www.mypicx.com/images/logo.jpg не определено (не определено)

Похоже, что хостинг использует какую-то непонятную динамическую систему, которая не позволяет этим браузерам корректно извлекать ее. (Вместо этого он пытается получить базовое изображение по умолчанию, которое проблематично представляет собой JPEG.) Не могли бы вы просто загрузить еще одну копию изображения в другом месте? Я ожидал бы, что это будет самое простое решение на длинной миле.

Редактировать: смотрите, что происходит в Chrome, когда вы размещаете изображение, используя обычные <img> теги;)

2 голосов
/ 01 мая 2011

он работает в моем браузере Google Chrome версии 11.0.696.60

Я создал простую страницу без других элементов, кроме основных тегов и отдельного файла CSS, и получил изображение

эточто я настроил <div id="placeholder" style="width: 60px; height: 60px; border: 1px solid black; background-image: url('http://www.mypicx.com/uploadimg/1312875436_05012011_2.png')"></div> я поставил идентификатор только в том случае, если был тег идентификатора Хидне, и он работает

...