พื้นหลังของหน้าเว็บสามารถเชื่อมโยงกับเนื้อหาหรือทำงานเป็นอิสระจากมัน ในกรณีแรก เมื่อเลื่อนเนื้อหาในหน้าต่างเบราว์เซอร์ ภาพพื้นหลังก็จะเลื่อนไปด้วย ในขณะที่ภาพที่สองจะนิ่งได้ ในการใช้พื้นหลังของหน้าคงที่ คุณควรใช้ภาษาคำอธิบายสไตล์ CSS - เฉพาะภาษานี้เท่านั้นที่สามารถรับประกันการทำงานพื้นหลังเดียวกันในเบราว์เซอร์ประเภทต่างๆ
คำแนะนำ
ขั้นตอนที่ 1
ใช้คุณสมบัติ background-attachment ใน CSS เพื่อระบุว่าพื้นหลังของหน้าควรคงที่หรือเคลื่อนย้ายได้ โดยรวมแล้ว คุณสมบัตินี้สามารถมีค่าได้สามค่า - หากคุณไม่ได้ระบุค่าใดค่าหนึ่ง ไฟล์แนบพื้นหลังจะถือว่าเป็นการเลื่อนตามค่าเริ่มต้น ด้วยค่านี้ ภาพพื้นหลังจะเลื่อนไปพร้อมกับเนื้อหาของหน้า ค่าที่รับมาจะคัดลอกพฤติกรรมพื้นหลังขององค์ประกอบหลัก และค่าคงที่ทำให้รูปภาพพื้นหลังไม่ขึ้นกับเนื้อหา โดยจะคงอยู่กับที่เมื่อเลื่อนหน้า คุณควรใช้มัน
ขั้นตอนที่ 2
เตรียมคำสั่ง CSS เพื่อใช้ในหน้าที่คุณต้องการแก้ไขพื้นหลัง หากคุณจะไม่วางโค้ด CSS ในไฟล์คำอธิบายลักษณะภายนอก คำแนะนำเหล่านี้ควรอยู่ระหว่างแท็กรูปแบบการเปิดและปิด:
// จะมีคำอธิบายสไตล์
คำอธิบายของพฤติกรรมพื้นหลังของหน้าจะต้องเชื่อมโยงกับองค์ประกอบ BODY - ในคำศัพท์ CSS จะเรียกว่า "ตัวเลือก" และจะเขียนดังนี้: BODY {
// คำอธิบายเนื้อหาของหน้าจะอยู่ที่นี่
} คุณสมบัติที่เกี่ยวข้องกับตัวเลือกนี้จะต้องอยู่ในวงเล็บปีกกาคั่นด้วยเครื่องหมายอัฒภาค: BODY {
ไฟล์แนบพื้นหลัง: แก้ไข;
ภาพพื้นหลัง: url (รูปภาพ / BG.gif);
} บรรทัดแรกจับภาพพื้นหลัง และบรรทัดที่สองระบุที่อยู่ของไฟล์ที่มีภาพพื้นหลัง ซึ่งสัมพันธ์กับที่อยู่ของเพจ สองบรรทัดนี้สามารถเขียนด้วยคำสั่ง CSS ที่ซับซ้อนได้ดังนี้: background: url (images / BG.gif) fixed;
ขั้นตอนที่ 3
วางรหัสทั้งหมดเพื่อแก้ไขพื้นหลังลงในข้อความของหน้า ในรูปแบบที่เสร็จแล้วอาจมีลักษณะดังนี้:
ร่างกาย {พื้นหลัง: url (รูปภาพ / BG.gif) คงที่;}
แน่นอน คุณต้องแทนที่ตำแหน่งและชื่อของไฟล์รูปภาพพื้นหลัง ควรวางโค้ดไว้ข้างหน้าแท็ก แม้ว่าจะไม่ใช่ข้อกำหนดเบื้องต้นก็ตาม