มี 519 บุคคลทั่วไป ออนไลน์

CSS Design
กำหนดภาพพื้นหลังให้อยู่กับที่ PDF พิมพ์ อีเมล
( 1 Vote )
เขียนโดย Administrator   
วันอาทิตย์ที่ 21 กุมภาพันธ์ 2010 เวลา 08:41 น.

ตัวอย่าง อย่างเว็บนี้ก็แล้วกันครับ

จะเห็นว่าพื้นหลังนั้นจะอยู่กับที่ไม่เคลื่อนตามเมื่อเลื่อนหน้าเพจลงมาด้านล่าง สำหรับท่านที่นำรูปภาพมาเป็นพื้นหลัง

 

 

วิธีกำหนด ก็ใช้การกำหนดเป็น

1
background-attachment: fixed;

เช่น

1
2
3
4
#page_bg {
background: #fff url(../images/img_bg.jpg) repeat-x top center;
background-attachment: fixed;
}

css id จะใช้กับ body ทั้งหมดหรือตำแหน่งอื่น ๆ ที่ใช้กำหนดเป็น background ของหน้า template

1
<body id="page_bg">
แก้ไขล่าสุด ใน วันอาทิตย์ที่ 21 กุมภาพันธ์ 2010 เวลา 08:56 น.
 

คุณไม่มีสิทธิที่จะโพสต์ข้อคิดเห็น กรุณาล็อคอินหรือลงทะเบียน

RSS 2.0 Joomla Articles
twitter
Creative Commons License