मैं वर्तमान में हूँ के माध्यम से जा रहा एक वेबसाइट के बैनर के माध्यम से क्रोम डेवलपर उपकरण(निरीक्षण). मैंने देखा है कि एक विशेष बैनर निम्नलिखित ruleset में अपने सीएसएस:
banner{
background-position:bottom;
background-position-x: center;
background-position-y: center;
}
यह सिर्फ एक औपचारिकता है?. क्योंकि, जब मैं हटा दिया तीन पृष्ठभूमि गुण और सेट background-position: center, बैनर नहीं था किसी भी तरह से प्रभावित.
एक डेवलपर से सामान्य किस्म. धन्यवाद
कि बैनर सिर्फ बुरा सीएसएस.
background-position एक आशुलिपि के लिए, background-position-x और background-position-y.
तो,
banner {
background-position: bottom;
background-position-x: center; /* This is not doing anything, because x became 'center' when it was omitted above. */
background-position-y: center; /* This will override the previously set 'bottom' */
}
के रूप में आप उल्लेख किया है, background-position: center एक ही काम करता है, के बाद से दोनों x और y हो जाएगा 'केंद्र'.
वहाँ के साथ कुछ भी गलत खोजशब्दों का उपयोग कर, लेकिन अगर तुम सिर्फ शुरू कर रहे हैं सीएसएस के साथ, मैं दृढ़ता से आप की सिफारिश करने के लिए इस्तेमाल किया पाने का उपयोग करने के लिए प्रतिशत.
(Youll मुझे बाद में धन्यवाद की जरूरत है जब आप अधिक विशिष्ट स्थिति का उपयोग कर calc().
background: 0% 100% = background: left bottom
background: 100% 0% = background: right top
background: 50% 50% = background: center center
स्रोत: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position