Исчезновение фонового изображения CSS в Chrome

Эта проблема возникает только в 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, но я бы предпочел сделать это правильно и исправить эту странную проблему.

12
задан daSong 14 February 2012 в 11:07
поделиться