सफारी रेंडरिंग छवि पृष्ठभूमि काले पर लोड

Question

मैं वर्तमान में एक वेबसाइट पर काम कर रहा हूं और सफारी के साथ कोई समस्या कर रहा हूं। एक छवि लोड करते समय एक काला पृष्ठभूमि होती है जिसे स्टैंड में रखा जाता है। मैं इसके बजाय पारदर्शी या सफेद होगा, लेकिन मुझे इसे समझने की प्रतीत नहीं होती है। इसे देखें:

http://blazing-ocean-6482.herokuapp.com/

मैं एचटीएमएल और शरीर बनाया है पृष्ठभूमि रंग है: सफेद; लेकिन ऐसा लगता है कि इस मुद्दे को नहीं बदला है।

Answer 1

बस interlaced विकल्प

Answer 2

मेरे ऊपर उपरोक्त समस्या है (केवल सफारी में भी)। मेरे बॉडी टैग में पृष्ठभूमि छवि है, दोहराना-एक्स है और पूरी वेबसाइट के लिए पृष्ठभूमि के रूप में उपयोग किया जाता है। जब कोई उपयोगकर्ता सफारी में पृष्ठ पर जाता है, तो पृष्ठ लोड पर काला का एक फ्लैश होता है। मैंने इस के समाधान के लिए उम्र की खोज की है, लेकिन यह सफारी के साथ एक अनसुलझा बग प्रतीत होता है।

मैंने एचटीएमएल और बॉडी टैग में "शैली: पृष्ठभूमि-रंग: # एफएफएफ" जोड़ने की कोशिश की और पुराने स्कूल "बीजीकलर: # एफएफएफ" का उपयोग करने की कोशिश की - कोई भी काम नहीं।

सीएसएस + jQuery का उपयोग करने के लिए सफारी को पाने का एकमात्र तरीका था। अपने एचटीएमएल और सीएसएस फाइलों में शरीर को "बीजी-ऑन" का वर्ग दें। टैग में किसी लिंक किए गए .js फ़ाइल या अपने html पृष्ठ की में में:

jQuery(function ($) { 
$(document).ready(function(){ 

$('body').removeClass('bg-on'); 

});//end document ready 

/* NOTE (window).load fires when images have been fully loaded */ 
$(window).load(function() { 

$('body').addClass('bg-on'); 

});//end window load function 
});//end jQuery function no conflict mode 

क्या ऊपर करता है जब डोम ब्राउज़र लोड किया जाता है, यह शरीर से वर्ग निकाल देता है, इसलिए सफारी नहीं होगा एक काला पृष्ठभूमि दिखाएं क्योंकि कोई पृष्ठभूमि-छवि नहीं है। फिर जब window.load घटना आग लगती है, जब सभी संपत्तियों को लोड किया जाता है, तो शरीर को पृष्ठभूमि छवि दी जाती है ...

यह जेएस अक्षम ब्राउज़र को प्रभावित नहीं करेगा, क्योंकि "बीजी-ऑन" की कक्षा है एचटीएमएल में हार्डकोडेड।

विशेष रूप से सुरुचिपूर्ण समाधान नहीं है, लेकिन यह मेरे लिए काम करता है।

Answer 3

साथ PNG छवि को बचाने मैं 6. मेरी छवि ग्रेस्केल रंग अंतरिक्ष में था सफारी में एक ही समस्या थी। मैंने इसे आरजीबी पर स्विच किया और समस्या गायब हो गई। अपनी छवियों को रंग स्थान सेटिंग जांचने का प्रयास करें!

Answer 4

मुझे हाल ही में सफारी 6.0.2 में यह समस्या थी, जो मोबाइल सफारी में भी दिखाया गया था (कम से कम आईओएस 6 में)। अंतराल के रूप में मेरी पृष्ठभूमि को सहेजना बोर्ड भर में काम नहीं किया & रंग स्थान आरजीबी था। शुक्र है कि मेरी पृष्ठभूमि में बहुत कम रंग थे & इसे जीआईएफ में परिवर्तित करने से पूरी तरह से समस्या ठीक हो गई।

Answer 5

ऐसा इसलिए होता है क्योंकि पीएनजी में अल्फा चैनल नहीं है। फ़ोटोशॉप छवि को पारदर्शी पिक्सल के साथ ही अल्फा चैनल के साथ छवि सहेजता है। सफारी में ठीक से काम करने के लिए, पीएनजी छवि के आईएचडीआर खंड में सामग्री में "truecolor-apha" होना चाहिए। आप tweakpng (http://entropymine.com/jason/tweakpng/) या इसी तरह के प्रोग्राम में पीएनजी भाग देख सकते हैं।