HardcoreGraphic - Thailand Graphic Design Ezine

วิธีตรึง Background ให้อยู่กับที่
Date : 10:05:04 | By : HardcoreGraphic

ปกติเวลาเราสร้างเว็บไซท์ที่มีภาพแบ๊คกราวน์ยาวๆ ถ้าเราเลื่อนสครอลบาร์ลงมา จะเห็นว่าฉากหลังจะเลื่อนขึ้นไป ซึ่งถือเป็น
เรื่องปรกติ คือทั้งฉากหลังและข้อความเนื้อหาก็เลื่อนตามกันไป ทีนี้หากว่าเราอยากจะพลิกแพลง ไม่ต้องการให้ฉากหลังเลื่อน
จะเลื่อนเพียงแต่เนื้อหาเท่านั้น เราก็สามารถทำได้ง่ายๆด้วยการเขียนโค๊ด HTML เพิ่มเติมเข้าไป

ให้คุณสังเกตคำสั่งที่เพิ่มเติมเข้าไปใน tag body นั่นคือคำสั่ง bgproperties="fixed" ในขณะที่คำสั่ง body background
ด้านหน้า เราใช้ระบุพาธที่ใช้เก็บไฟล์ภาพนั่นเอง

หลังจากนั้น ลองพิมพ์ข้อความแล้วลองพรีวิวดูในเว็บบราวเซอร์ ด้านล่างคือตัวอย่างแบ๊คกราวน์ที่ถูกตอกตะปูตรึงอยู่กะที่
สร้างความน่าสนใจไม่น้อยแก่ผู้เข้าชมเว็บของคุณ....

อ่านบทความอื่นเพิ่มเติม

+ HardcoreGraphic 7.0 Sponsored by Elife.co.th