ตอนนี้ผมกำลังผ่านเว็บไซต์ของเป็นป้ายผ่านทาง chrome ผู้พัฒนาเครื่องมือ(ตรวจสอบ). ฉันสังเกตเห็นว่าเป็นป้ายเฉพาะคนที่ตามกฏที่ตั้งของ CSS:
banner{
background-position:bottom;
background-position-x: center;
background-position-y: center;
}
นี่มันแค่เป็นธรรมเนีย?. เพราะตอนที่ฉันถูกเอาออกสามคนพื้นหลังของคุณสมบัติของแล้วตั้ง background-position: centerที่ป้ายไม่ได้รับผลกระทบจะมาทางไหน
จากผู้พัฒนา wannabe. ขอบคุณ
นั่นเนอก็มีเลนของ CSS.
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 จะเป็น'ศูนย์'.
ไม่มีอะไรผิดปกติกับการใช้คำค้นแต่ถ้าคุณเพิ่งเริ่มกับ CSS ฉันทนไม่ไหขอแนะนำให้คุณได้เคยใช้ percentages.
(คุณจะต้องขอบใจฉันทีหลังเมื่อคุณต้องการมากกระบุตำแหน่งโดยใช้ 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