2012-02-14 84 views
11

Sự cố này chỉ xảy ra trong Google Chrome trên Mac OS X (Chrome 17). Tôi đã thử nghiệm nó trên tất cả các trình duyệt chính trên Mac và Windows 7.Hình nền CSS biến mất trong Chrome

Đây là trang trong câu hỏi: http://dealsfortherich.com/drop/

Như bạn thấy, tôi tải divs qua JQuery AJAX. Trang luôn tốt trên "Làm mới".
Bạn có thể điều hướng các trang có mũi tên trái và phải. Vấn đề xảy ra khi bạn thay đổi trang; đặc biệt là khi bạn thay đổi trang khi cuộn trang một cách nhanh chóng. Hãy thử cuộn trang xuống rất nhanh và nhấn vào mũi tên phải. Các hình nền đã được tải qua CSS (ví dụ):

.sort_block{ background: url(images/sort_block.png) no-repeat;} 

bắt đầu biến mất. Chỉ các hình nền được tải bằng CSS mới bắt đầu biến mất. Tất cả đều ổn. Nếu bạn mở Công cụ dành cho nhà phát triển trên Chrome, hãy kiểm tra các yếu tố, bạn sẽ thấy trình duyệt có cú pháp chính xác và nó đã tải hình ảnh xuống bộ nhớ cache của nó. Vì một số lý do, nó chỉ không hiển thị nó. Giá trị hiển thị CSS là chính xác. Trong Thanh tra, đối với div có nền bị thiếu, nếu bạn sửa đổi một giá trị như "top: 8px;" thành "top: 9px;" hình ảnh đột nhiên xuất hiện.

Điều này chỉ xảy ra trong Chrome (v. 17) và Chrome Canary (phiên bản 19) dành cho Mac OS X (10.7.3). Tôi có nên báo cáo lỗi này cho Google hoặc có một công việc đã biết xung quanh hoặc sửa chữa không? Tôi đoán tôi có thể thay thế s với s nhưng tôi thà làm điều đó một cách chính xác và sửa chữa vấn đề kỳ lạ này.

Trả lời

9

Tôi không biết đây có phải là vấn đề tương tự hay không, nhưng gốc có thể giống nhau: http://code.google.com/p/chromium/issues/detail?id=111218. Dựa trên báo cáo đó, tôi không nghĩ rằng có một bản sửa lỗi đã biết.

+1

Cảm ơn, lỗi đó là chính xác những gì tôi đang trải qua, đây là những chỉ xảy ra trên divs được ẩn trước đó. – daSong

+2

Giải pháp khắc phục sự cố này giải quyết vấn đề cho tôi: http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/ – daSong

+1

Vấn đề này đã được khắc phục và hợp nhất thành nhà phát triển và kênh beta: http://code.google.com/p/chromium/issues/detail?id=111218#c43 Tính đến hôm nay, có vẻ như nó chưa được chuyển sang ổn định, nhưng điều đó sẽ sớm xảy ra . Bạn có thể xem http://googlechromereleases.blogspot.com/ nhưng nó phải là vấn đề của ngày. –

3

Tôi đã có cùng một vấn đề và chẩn đoán nó trong nhiều giờ, nhưng nó không phải về mã của bạn, đó là lỗi liên quan đến bộ nhớ trong chrome mới nhất. Theo kinh nghiệm của tôi, nó không xảy ra với những hình ảnh nhỏ, vì vậy giải pháp tạm thời là giảm kích thước tệp (xuống dưới 10kB hoặc hơn).

Tôi có tệp thử nghiệm ở đây, hiển thị sự khác biệt giữa hình nền lớn và nhỏ.

http://kolina.fi/chrometest.html

+0

Có, kể từ khi tạo câu hỏi này tôi đã tìm thấy rằng có ít nhất 4 vé mở trên code.google.com cho nó: http://code.google.com/p/chromium/issues/detail?id=111218 http://code.google.com/p/chromium/issues/detail?id=70268 http://code.google.com/p/chromium/issues/detail?id=109049 http: // mã. google.com/p/chromium/issues/detail?id=113774 Có vẻ như đây là giao dịch mua trên webkit trên Chrome 17 dành cho Mac. – daSong

2

Chúng tôi làm việc ra một giải pháp cho vấn đề này cho đến khi Chromium/Chrome "sửa chữa các trục trặc" (hi, Milton) ...

Đồng nghiệp của tôi, Andrew, gửi giải pháp của chúng tôi ở đây: http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/

Bạn có thể xem trang trong câu hỏi tại địa chỉ: http://www.mavenlink.com/tour

có vẻ như điều này đã làm việc cho người khác là tốt, nhưng nó xấu xí !

+1

Hoặc trong một dòng 'var fix = function ($ s) {var $ s.css (" background-image ", $ s.css (" background-image ")); } 'và sau đó bạn có thể sử dụng nó như ...' fix ($ (". myselector")) ' –

-4

Sử dụng:.. Url (.// hình ảnh con đường Các .// nên giải quyết vấn đề

+1

Dựa trên thông tin được cung cấp bởi những người dùng khác, có vẻ như đây không phải là giải pháp. Bạn đã thử nghiệm mã này chưa? –

1

Gần đây tôi đã có vấn đề này, và việc sửa chữa là sử dụng url đầy đủ, chứ không phải là một đường dẫn tương đối .

Ví dụ:thay đổi url(images/image.png)

để

url("http://yoursite.com/images/image.png")

+1

Không hoạt động tại đây –