क्या मुझे अभी भी एक सीएसएस स्प्राइट में छवियों को पैड करने की आवश्यकता है?

Question

सीएसएस स्प्राइट्स में आपको अक्सर प्रत्येक छवि के बीच पैडिंग मिल जाएगी। मेरा मानना ​​है कि विचार इतना है कि यदि पृष्ठ का आकार बदल दिया गया है तो एक छवि दूसरे में खून नहीं जाएगी।

मुझे लगता है कि यह विभिन्न प्रकार के ब्राउज़र ज़ूम (best explained by Jeff) पर निर्भर करता है।

हालांकि, मैं अपने परीक्षणों में इस व्यवहार को देखने में सक्षम नहीं हूं। क्या यह पुराने ब्राउज़र के साथ ही एक समस्या है? (मैं वर्तमान समय में आईई 6 के साथ परीक्षण करने में सक्षम हूं इसलिए मैं इसे 'पुराना' मान रहा हूं)।

क्या मुझे अभी भी अंतरिक्ष छोड़ने की चिंता करनी चाहिए? इसका दर्द है।

उदाहरण के लिए: VIEW

लेकिन डेली शो परेशान के लिए नहीं का फैसला:

एक सीएसएस स्प्राइट मैं एओएल के लिए पाया प्रत्येक छवि के बीच गद्दी है VIEW

Answer 1

यह को पैड किए जाने की आवश्यकता नहीं है, लेकिन जब ज़ूम किया जाए, खासकर आईई 8 (बीसी से अधिक बीटा) में, यदि कोई पैडिंग नहीं है तो छवि खून बह रहा है।

सर्वश्रेष्ठ उदाहरण Google.com -> खोज, और ज़ूम पर जाना है ... आप ज़ूमिंग राउंड अप/डाउन के रूप में छवि के निचले दाएं भाग पर "अंडरलाइन" देखना शुरू कर देंगे।

सिद्धांत रूप में, एक स्प्राइट के सभी किनारों पर 1px पैडिंग ठीक होना चाहिए।

यहाँ गूगल से स्प्राइट (चित्र) है ...

लेकिन जब जूम, +, -, एक्स माउस मुख्य गूगल के लोगो में खून बहाना।

Answer 2

पुराने ब्राउज़र का भाषण (पाठ जूम प्रयोग होता है), तो आप हमेशा गद्दी जरूरत नहीं है।

आपके दो उदाहरणों के बीच मुख्य अंतर यह है कि दैनिक शो स्प्राइट में पहले से ही आइटम आइटम में टेक्स्ट आइटम का टेक्स्ट शामिल है।

टेक्स्ट ज़ूम का उपयोग करते समय, एओएल मेनू आइटम बड़े फ़ॉन्ट आकार के कारण लंबवत रूप से फैल सकता है, और मेनू टेक्स्ट दो पंक्तियों तक भी लपेट सकता है। ऐसी घटनाओं के लिए समायोजित करने के लिए, उन आइकनों को यह सुनिश्चित करने के लिए थोड़ा पैडिंग चाहिए कि वे खून नहीं करते हैं। आम तौर पर, आप यह सुनिश्चित करने का प्रयास करेंगे कि यह किसी भी आईई 6 के पांच टेक्स्ट आकारों पर खून नहीं करता है।

चूंकि डेली शो के मेनू में कोई भी (दृश्यमान) HTML टेक्स्ट नहीं है, इसलिए इसका आकार टेक्स्ट ज़ूम से प्रभावित नहीं होगा (हालांकि आपको line-height: 0; या फिर सुनिश्चित करने की आवश्यकता हो सकती है), इसलिए इसकी आवश्यकता नहीं है गद्दी।

scunliffe के रूप में पहले से ही दिखाया गया है, पृष्ठ ज़ूम का उपयोग करने वाले ब्राउज़र को गोलाकार त्रुटियों के कारण थोड़ा पैडिंग करने के लिए sprites की आवश्यकता हो सकती है।

Answer 3

मूल रूप से उत्तर हाँ है। इस सवाल से पूछने के एक दिन बाद दो साल आईई 9 की रिहाई देखेंगे। आईई 9 में यह समस्या उतनी ही है - अगर किसी अन्य ब्राउज़र से अधिक नहीं है ...

यह बहुत परेशान है क्योंकि यह ठीक करने के लिए एक साधारण बात है।

आईपैड मार्केटशेयर में बढ़ने के साथ - कम से कम एक समान मात्रा में ज़ूमिंग के साथ आधा सभ्य अनुभव है।

मुझे आसन्न तत्व (प्रत्येक पक्ष पर संभावित रूप से अलग) के पृष्ठभूमि रंग से मेल खाने के लिए प्रत्येक छवि के चारों ओर एक एकल पिक्सेल सीमा डालना होगा। सौभाग्य से मैं एक .xml फ़ाइल के आधार पर अपने सभी csssprites को स्वतः उत्पन्न करता हूं - इसलिए मैं इसे बिना किसी तेज़ गति के प्रोग्राम कर सकता हूं। हालांकि यह अभी भी एक बड़ा दर्द है ...

Answer 4

साइमन - मेरा अनुभव यह है कि यह निश्चित रूप से अभी भी एक समस्या है।

आपके दूसरे प्रश्न के जवाब में, पारदर्शी पैडिंग का उपयोग क्यों न करें? (शायद आप अभी भी यानी 6 का समर्थन कर रहे हैं और यह गैर-तुच्छ है, इस मामले में, मैं वास्तव में माफी चाहता हूं)।