मैं इस पर अपने बालों को खींच रहा हूं।आईई (7?) Sprites से पृष्ठभूमि विकृत करता है?
हम सिर्फ के बारे में हमारी साइट पर पूरी तरह मरम्मत के विकास के साथ काम हो गया। आखिरी कदम के रूप में, हम सभी ग्लिफ और आइकनों को एक स्प्राइट में लपेटने की कोशिश कर रहे हैं। वे सभी पारदर्शी हैं। पीएनजी इसलिए स्प्राइट भी है। ऐसा लगता है कि यदि एक पृष्ठभूमि एक पृष्ठभूमि से आता है, तो आईई इसे विकृत करता है। अगर यह मूल फ़ाइल से आता है, तो यह नहीं करता है। एफएफ और क्रोम किसी भी तरह से ठीक हैं।
मैं orignal चित्र को देख रहा हूँ और sprited संस्करण साइड-बाई-साइड ग्रिड के साथ कि पिक्सल समान हैं देखने के लिए। मैंने सही समन्वय का उपयोग कर सुनिश्चित करने के लिए कई बार स्प्राइट में पिक्सल गिना है। मेरा सीएसएस इस तरह दिखता है:
XXbackground: url(sprite.png) no-repeat 0px -837px; /* lozRedRedSpacer */
background: url(lozRedRedSpacer.png) no-repeat;
'एक्सएक्स' मुझे आगे और पीछे टॉगल करने देता है। सिंगल-फ़ाइल संस्करण के साथ, यह सही दिखता है: 
। स्प्राइट-संस्करण इस तरह दिखता है: 
। ऐसा लगता है कि यह लंबवत और क्षैतिज दोनों 'squished' है। यह एफएफ या क्रोम में नहीं होता है।
कोई भी विचार?
संपादित मैं शोर से ज्यादातर को निकाल देते हैं और एक उदाहरण here पोस्ट करने के लिए कर रहा था। मैंने अपनी समस्या का वर्णन करने के लिए उदाहरण में नोट्स जोड़े हैं।
इसे देखने के लिए समय निकालने के लिए बहुत बहुत धन्यवाद!
अद्यतन हम के बाद से है कि वास्तव में ओवरलैप करते सीएसएस छद्म वर्गों के साथ इन 'ओवरलैप विभक्त छवियों' से बदल दिया है और संभवत: ज़ूम मुद्दा चले गए हैं लगता है। बेशक अब हमें नई समस्याएं हैं - आईई 8 को ज़ेड-ऑर्डर गलत हो जाता है और आईई 7 psuedo-elements को बिल्कुल समझ में नहीं आता है। लेकिन कम से कम मार्कअप आसान है और ज़ूमिंग समस्या खत्म हो गई है।
मेरे लिए, यह कम "squished" और दोनों अक्षों के साथ एक पिक्सेल ऑफसेट की तरह दिखता है। शून्य-पिक्सेल एक्स-ऑफसेट होने से इससे सहमत नहीं होता है, लेकिन यदि आपके पास पहले से नहीं है, तो संभवतः यह आपके स्प्राइट गणित को दोबारा जांचने लायक है। –
@ बेन: यह एक अच्छा सुझाव है और हम संख्याओं के साथ नूडलिंग कर रहे हैं। जब हम वाई को ऊपर या नीचे 1px ले जाते हैं तो हम स्पष्ट रूप से एक क्षैतिज ब्लैक लाइन ऊपर या नीचे देखते हैं, जिसे हम छवि को खोने से अपेक्षा करते हैं। अगर इस मामले में विकृति भी 'उप-पिक्सेल' दिखाई देती है तो यह संभव है! – n8wrl
क्या आप एक कामकाजी उदाहरण प्राप्त कर सकते हैं जो समस्या को दिखाता है, कहीं jsfiddle.net की तरह कहता है? यह अजीब है; ऐसा लगता है कि कुछ किसी तरह बेवल प्रभाव जोड़ रहा है। –