บางครั้งเจตนาของผู้ออกแบบต้องการให้ภาพพื้นหลังอยู่กับที่เมื่อผู้เยี่ยมชมเลื่อนดูเนื้อหาของหน้า ซึ่งสามารถทำได้โดยเปลี่ยนการตั้งค่าการทำงานพื้นหลังเริ่มต้นโดยใช้คำแนะนำ CSS (Cascading Style Sheets)
คำแนะนำ
ขั้นตอนที่ 1
เพิ่มคำอธิบายการจัดรูปแบบสำหรับส่วนเนื้อหาในเอกสารเว็บของคุณที่มีคุณสมบัติการแนบพื้นหลังที่ตั้งค่าเป็นคงที่ และพื้นหลังของหน้าจะยังคงอยู่กับที่เมื่อเอกสารเลื่อน วิธีการแก้ไขพื้นหลังนี้จะใช้ได้กับทุกเบราว์เซอร์ที่รองรับมาตรฐาน CSS ปัจจุบันตั้งแต่เวอร์ชัน 1.0 นอกเหนือจากค่าคงที่ มาตรฐานยังมีตัวเลือกเพิ่มเติมอีกสองตัวเลือกสำหรับคุณสมบัตินี้ - เลื่อนและสืบทอด หากไม่มีการระบุค่าสำหรับการแนบพื้นหลังในคำอธิบายลักษณะเอกสาร จะถือว่าตั้งค่าให้เลื่อนตามค่าเริ่มต้น ในกรณีนี้ พื้นหลังจะย้ายไปพร้อมกับการเลื่อนเนื้อหาของหน้า ค่าที่สืบทอดมาบ่งชี้ว่าควรใช้ค่าเดียวกันสำหรับคุณสมบัติการแนบพื้นหลังขององค์ประกอบนี้เช่นเดียวกับองค์ประกอบหลัก
ขั้นตอนที่ 2
เพิ่มแอตทริบิวต์สไตล์ให้กับแท็กสำหรับหน้าที่คุณต้องการ และเพิ่มคำอธิบายลักษณะเพื่อแก้ไขพื้นหลัง ตัวอย่างเช่น อาจมีลักษณะดังนี้: คุณยังสามารถระบุที่อยู่ของรูปภาพพื้นหลังได้ที่นี่: แทนที่ที่อยู่และชื่อของรูปภาพ (img / pic.gif) ด้วยค่าของคุณเอง วิธีนี้สะดวกเพราะต้องการการเปลี่ยนแปลงน้อยที่สุดในโค้ดของเพจ แต่บ่อยครั้งที่คำอธิบายของสไตล์ถูกวางไว้ในบล็อกที่แยกต่างหากในส่วนหัวของเอกสาร หรือแม้แต่ในไฟล์แยกต่างหาก
ขั้นตอนที่ 3
หากคุณต้องการใช้บล็อก CSS แยกต่างหากพร้อมคำแนะนำในการแก้ไขพื้นหลังของหน้า ให้วางไว้ข้างหน้าแท็กต้นทาง เช่น บรรทัดต่อไปนี้:
ร่างกาย {พื้นหลัง: url (img / pic.gif) ได้รับการแก้ไข;}
อย่าลืมใส่ชื่อและที่อยู่ที่ถูกต้องของภาพพื้นหลังแทน img / pic.gif