पृष्ठभूमि-स्थिति: -20 9 पीएक्स -2 पीएक्स, मुझे नकारात्मक पृष्ठभूमि की स्थिति नहीं समझती

Question

यदि मेरे पास 1000x3000 पीएक्स छवि है और मैं नकारात्मक पृष्ठभूमि स्थिति का उपयोग करता हूं, तो यह वास्तव में कैसे काम करता है?

मैं इसे छोड़ दिया 209 पिक्सल में जाने तो 2 पिक्सेल ऊपर जा रहा है और फिर बात यह है कि वास्तव में छोड़ दिया जाता है दिखा कर काम किया सोचा, लेकिन यह है कि के विपरीत करने के लिए लगता है।

Answer 1

पृष्ठभूमि स्थिति संपत्ति वास्तव में पृष्ठभूमि छवि ही तत्व के सापेक्ष ले जाता है। उदाहरण के लिए यदि आप {background-position: 0 0} का उपयोग मतलब है कि आप स्थिति कर रहे हैं (0,0) जो अपने html तत्व के शीर्ष बाईं ओर अपनी छवि के ऊपरी बाएँ है।

-ve left offset मतलब है कि आप उपरोक्त कोड में छोड़ दिया की ओर छवि और -ve top offset साधन ऊपर की तरफ छवि चलती ..

आगे बढ़ रहे हैं पहले 0left offset को संदर्भित करता है और दूसरा 0 .. top offset को संदर्भित करता है

{background-position: -209px -2px} 

का अर्थ है कि आप अपनी छवि 20 9 पीएक्स को बाईं ओर और 2 पीएक्स ऊपर की तरफ ले जा रहे हैं।

आशा यह आप में मदद मिलेगी।

Answer 2

आप के रूप में नकारात्मक संकेत व्याख्या करना चाहिए:

पृष्ठभूमि स्थिति: -x, -y; यह कहते हुए एक ही ... पृष्ठभूमि स्थिति है: एक्स पिक्सल छोड़ दिया, y पिक्सल है;