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

Почему в следующем примере показывает изображение в 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;
}

Любые идеи для обходных решений?

Ответ 1

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

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

Демо здесь

Ответ 2

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

[Ошибка] GET http://www.mypicx.com/images/logo.jpg undefined (undefined)

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

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

Ответ 3

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

 <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%;" >

Ответ 4

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

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

это то, что я setup <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>. Я установил id только для того, чтобы был найден тег id hiddne, и он работает