http://peterfcarlson.com/wp-content/uploads/2011/09/ert-011.jpg
Ваше изображение не появляется, вместо этого мы получаем ошибку 404. Я заметил, что вы используете сайт WordPress из структуры URL вашего изображения, и мы могли бы посмотреть не на ваше изображение, а на изображение, включенное в вашу страницу 404.php внутри вашей темы.
Возвращается HTML-код:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html,body{height:100%;width:100%;margin:0;padding:0;}
body{overflow:hidden;background:#EDEDED url(http://peterfcarlson.com/wp-content/themes/comingsoon/pfc.png) center center no-repeat}
</style>
</head>
<body>
</body>
</html>
И это загружаемое изображение: http://peterfcarlson.com/wp-content/themes/comingsoon/pfc.png
Я совершенно уверен, что если вы посмотрите страницу 404.php в своей теме, это то, что вы найдете. Поэтому вы можете повторно загрузить изображение и использовать новый URL.
Комментарий
Я знаю, что на вопрос был дан ответ, но хотел бы поделиться с моими результатами относительно того, что я нашел. Я заметил, что по какой-то причине, когда вы указываете элемент background-image, он иногда выдает предупреждение в браузере webkit, что является проблемой, с которой столкнулся OP. Но я заметил, что предупреждение исчезает, когда вместо него используется сокращение background.
Вот так:
background:#ffffff url('image.png') repeat scroll right top;
Я изменил демо @ sandeep, чтобы показать, как он работает:
Вот полная скрипка: http://jsfiddle.net/RDmRz/7/
и демонстрационная страница: http://jsfiddle.net/RDmRz/7/show/
Проверьте страницу с помощью инструментов разработчика и переключайтесь между div, чтобы показать, как она работает для «работающих» изображений и не работает для остальных.
Пара скриншотов:
Работает
Не работает
