magem de fundo @CSS desaparecendo no Chrome
Este problema está acontecendo apenas no Google Chrome no Mac OS X (Chrome 17). Eu testei em todos os principais navegadores do Mac e Windows 7.
Aqui está a página em questão:http: //dealsfortherich.com/drop
Como você pode ver, estou carregando divs via JQuery AJAX. A página está sempre bem em "Atualizar".
Você pode navegar pelas páginas com as setas esquerda e direita. O problema acontece quando você muda de página; especialmente quando você muda de página ao rolar a página rapidamente. Tente rolar a página para baixo muito rápido e pressione a seta direita. As imagens de plano de fundo que já foram carregadas via CSS (por exemplo):
.sort_block{ background: url(images/sort_block.png) no-repeat;}
comece a desaparecer. Somente imagens de plano de fundo carregadas com CSS começam a desaparecer. Tudo está bem. Se você abrir as Ferramentas do desenvolvedor no Chrome, inspecionar os elementos, verá que o navegador tem a sintaxe correta e já fez o download da imagem no cache. Por alguma razão, está apenas falhando em exibi-lo. O valor de exibição CSS está correto. No Inspetor, para a div com o segundo plano ausente, se você modificar um valor como "top: 8px;" para "top: 9px;" a imagem aparece de repente.
Isso está acontecendo apenas no Chrome (versão 17) e no Chrome Canary (versão 19) para Mac OS X (10.7.3). Devo relatar esse bug ao Google ou há uma solução ou solução conhecida? Acho que posso substituir os s por s, mas prefiro fazê-lo corretamente e corrigir esse problema estranh