Эта проблема возникает только в Google Chrome в Mac OS X (Chrome 17). Я протестировал его во всех основных браузерах на Mac и Windows 7.
Вот страница, о которой идет речь: http://dealsfortherich.com/drop/
Как видите, я загружаю блоки через JQuery AJAX.
Страница всегда в порядке при "Обновить".
Вы можете перемещаться по страницам с помощью стрелок влево и вправо. Проблема возникает при смене страниц; особенно когда вы меняете страницы при быстрой прокрутке страницы. Попробуйте прокрутить страницу вниз очень быстро и нажмите стрелку вправо.
Фоновые изображения, которые уже были загружены через CSS (например):
.sort_block{ background: url(images/sort_block.png) no-repeat;}
, начинают исчезать. Только фоновые изображения, загруженные с помощью CSS, начинают исчезать. Все в порядке. Если вы откроете Инструменты разработчика в Chrome и проверите элементы, вы увидите, что браузер имеет правильный синтаксис и уже загрузил изображение в свой кеш. По какой-то причине он просто не отображает его. Отображаемое значение CSS правильное. В Инспекторе для div с отсутствующим фоном, если вы измените значение, например "top: 8px;" на "верх: 9px;" внезапно появляется изображение.
Это происходит только в Chrome (v. 17) и Chrome Canary (v. 19) для Mac OS X (10.7.3).Должен ли я сообщить об этой ошибке в Google, или есть известное решение или исправление? Думаю, я могу заменить s на s, но я бы предпочел сделать это правильно и исправить эту странную проблему.