การติดตั้งรูปภาพพื้นหลัง CSS

CSS background-attachment

background-attachment คำแคร์คัดนี้กำหนดรูปภาพพื้นหลังควรเคลื่อนตัวหรือถูกติดตั้ง (จะไม่เคลื่อนตัวร่วมกับส่วนอื่นๆ ของหน้า)

ตัวอย่าง

กำหนดรูปภาพพื้นหลังที่ควรถูกติดตั้ง

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: fixed;
}

ทดลองด้วยตัวเอง

ตัวอย่าง

กำหนดรูปภาพพื้นหลังต้องเคลื่อนตัวร่วมกับส่วนอื่นๆ ของหน้า

body {
  background-image: url("tree.png");
  background-repeat: no-repeat;
  background-position: right top;
  background-attachment: scroll;
}

ทดลองด้วยตัวเอง