2012-02-14 38 views
11

यह समस्या केवल मैक ओएस एक्स (क्रोम 17) पर Google क्रोम में हो रही है। http://dealsfortherich.com/drop/सीएसएस पृष्ठभूमि छवि क्रोम में गायब हो रही है

आप देख सकते हैं, मैं JQuery AJAX के माध्यम से divs लोड हो रहा है कर रहा हूँ: मैं मैक और विंडोज 7

पर सभी प्रमुख ब्राउज़रों पर यह परीक्षण किया है यहाँ विचाराधीन पृष्ठ है। पृष्ठ "ताज़ा करें" पर हमेशा ठीक है।
आप बाएं और दाएं तीर वाले पृष्ठों को नेविगेट कर सकते हैं। समस्या तब होती है जब आप पेज बदलते हैं; विशेष रूप से जब आप पृष्ठ को स्क्रॉल करते समय पृष्ठों को बदलते हैं। पेज को बहुत तेज़ी से स्क्रॉल करने का प्रयास करें और दायां तीर दबाएं। पृष्ठभूमि छवियों कि पहले से ही सीएसएस (उदाहरण के लिए) के माध्यम से लोड किया गया:

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

शुरू गायब हो जाने की। सीएसएस के साथ लोड की गई केवल पृष्ठभूमि छवियां गायब हो रही हैं। सब ठीक है। यदि आप क्रोम पर डेवलपर टूल्स खोलते हैं तो तत्वों का निरीक्षण करें, आप देखेंगे कि ब्राउज़र में सही वाक्यविन्यास है और यह पहले ही छवि को अपने कैश में डाउनलोड कर चुका है। किसी कारण से, यह इसे प्रदर्शित करने में असफल रहा है। सीएसएस प्रदर्शन मूल्य सही है। इंस्पेक्टर में, लापता पृष्ठभूमि के साथ div के लिए, यदि आप "शीर्ष: 8px" जैसे मान को संशोधित करते हैं; "शीर्ष: 9 पीएक्स;" छवि अचानक प्रकट होता है।

यह केवल मैक ओएस एक्स (10.7.3) के लिए क्रोम (वी। 17) और क्रोम कैनरी (v। 19) में हो रहा है। क्या मुझे इस बग को Google को रिपोर्ट करना चाहिए या क्या कोई ज्ञात काम आसपास है या ठीक है? मुझे लगता है कि मैं एस को एस के साथ बदल सकता हूं लेकिन मैं इसे सही तरीके से करूँगा और इस अजीब मुद्दे को ठीक कर दूंगा।

उत्तर

9

मुझे नहीं पता कि यह एक ही मुद्दा है, लेकिन रूट शायद वही है: http://code.google.com/p/chromium/issues/detail?id=111218। उस रिपोर्ट के आधार पर, मुझे नहीं लगता कि अभी तक एक ज्ञात फिक्स है।

+1

, कि बग मैं, वास्तव में क्या हो रही हैं, इनमें से केवल divs कि पहले छिपे हुए थे पर हो रहा है है। – daSong

+2

यह कामकाज मेरे लिए इस मुद्दे को हल करता है: http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/ – daSong

+1

यह समस्या तय की गई है और देव में विलय हो गई है और बीटा चैनल: http://code.google.com/p/chromium/issues/detail?id=111218#c43 आज के रूप में, ऐसा लगता है कि यह अभी तक स्थिर पर नहीं भेजा गया है, लेकिन जल्द ही यह होना चाहिए । आप http://googlechromereleases.blogspot.com/ देख सकते हैं लेकिन यह दिनों का मामला होना चाहिए। –

3

मुझे एक ही समस्या थी और इसे घंटों तक निदान किया गया, लेकिन यह आपके कोड के बारे में नहीं है, यह नवीनतम क्रोम में एक स्मृति संबंधित बग है। मेरे अनुभव में यह छोटी छवियों के साथ नहीं होता है, इसलिए एक अस्थायी समाधान फ़ाइल आकार को कम करना होगा (10kb या उससे कम के लिए)।

मेरे पास एक टेस्ट फ़ाइल है, जो एक बड़ी और छोटी पृष्ठभूमि छवि के बीच अंतर दिखाती है।

http://kolina.fi/chrometest.html

+0

हां, इस सवाल को बनाने के बाद से मैंने पाया है कि इसके लिए code.google.com पर कम से कम 4 खुले टिकट हैं: 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: // कोड। google.com/p/chromium/issues/detail?id=113774 मैक के लिए क्रोम 17 पर वेबकिट में खरीदारी करना प्रतीत होता है। – daSong

2

हम, क्रोमियम/क्रोम जब तक इस समस्या के लिए एक समाधान "गड़बड़ ठीक करता है" (हाय, मिल्टन) ...

मेरे सहयोगी, एंड्रयू ऊपर काम हमारे समाधान यहां पोस्ट: http://blog.andrewcantino.com/blog/2012/02/15/fixing-the-chrome-background-refresh-bug/

आपको कम से विचाराधीन पृष्ठ देख सकते हैं: http://www.mavenlink.com/tour

ऐसा लगता है कि यह रूप में अच्छी तरह से दूसरों के लिए काम किया है, लेकिन यह बदसूरत है !

+1

या एक पंक्ति में 'var fix = function ($ s) {var $ s.css ("पृष्ठभूमि-छवि", $ s.css ("पृष्ठभूमि-छवि")); } 'और फिर आप इसका उपयोग कर सकते हैं ...' फिक्स ($ ("। myselector")) ' –

-4

का उपयोग करें:।। यूआरएल (.// छवियों पथ .// समस्या का समाधान करना चाहिए

+1

अन्य उपयोगकर्ताओं द्वारा प्रदान की गई जानकारी के आधार पर, ऐसा लगता है कि यह कोई समाधान नहीं है। क्या आपने इस कोड का परीक्षण किया है? –

1

मैं हाल ही में इस मुद्दे को मिला है, और ठीक नहीं बल्कि एक रिश्तेदार पथ से, पूर्ण url का उपयोग किया गया

ईजीबदल url(images/image.png)

धन्यवाद करने के लिए

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

+1

यहां काम नहीं किया था –

संबंधित मुद्दे