Devdit
 

background-attachment: fixed คือคำสั่งอะไร

1.8K

background-attachment: fixed คือคำสั่งกำหนดให้รูปภาพไม่ต้องเลื่อนตามการ scroll ของหน้าเว็บไซต์ โดยรูปภาพจะแสดงผลความสูงคงที่ตามพื้นที่การแสดงผล และจะไม่เลื่อนตามการ scroll สามารถเขียนโปรแกรมได้ดังนี้

 

ตัวอย่าง background-attachment: fixed คือคำสั่งอะไร

<style>
    body {
        background-image: url('background.jpg');
        background-repeat: no-repeat;
        background-attachment: fixed;
    }
</style>

คำอธิบาย

background-attachment: fixed จากตัวอย่างโหลดรูปภาพที่พื้นหลังของเว็บไซต์ด้วย background-image จากนั้นกำหนดห้ามแสดงซ้ำ หรือทำซ้ำรูปภาพด้วย background-repeat และแสดงผลรูปภาพคงที่ไม่เลื่อนตามการ scroll ของหน้าเว็บไซต์ background-attachment กำหนดค่าเป็น fixed

แก้ไข 2 ปีที่แล้ว
ชอบ
ลิ้งก์
แชร์
Devdit มีช่อง YouTube แล้ว
เราสร้างวิดีโอเกี่ยวกับเทคโนโลยี ทำตามง่ายๆ