ขอวิธีทำพื้นหลังให้เป็น fixed ทีครับผม

TheC1assic

คืออยากรู้วิธีทำ พื้นหลังเป็นแบบ fixed ครับ (พื้นหลังไม่เลื่อนตาม Scroll)

ผมใช้  FD : Infuse Discuz! X Template 01 อยู่ครับ 02 ด้วย

รู้สึกว่ามันจะช่วยลด ความกระตุกของคนที่ คอมไม่แรงด้วยรึเปล่า - - แต่หลักๆ คือมันสวยดี ครับ ^-^

ยังไงถ้ารู้ก็บอกกันหน่อยนะครับ ขอบคุณครับ

TheC1assic

ไม่มีคนตอบเรยหรอ --*

banksanti

ตอบกลับ TheC1assic ตั้งกระทู้

แบบนี้รึป่าวครับ  ลองดูก็แล้วกันนะครับ ^ ^

แบบที่ 1
พื้นหลังอยู่กับที่ เวลาเลื่อนหน้าเวบไม่เลื่อนตามครับ
เหมาะกับ รูปภาพขนาด เต็มจอพอดี
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat: no-repeat; }
</style>


แบบที่ 2
พื้นหลังอยู่กับที่ไม่เลื่อนตามหน้าเวบสำหรับกรณีใช้รูปเล็กๆ มาเรียงต่อไปเรื่อยๆนะครับ
เหมาะกับ รูปภาพขนาดเล็ก ที่มาเรียงต่อๆกันจนเต็มจอ
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:fixed;
background-repeat:repeat; }  
</style>


แบบที่ 3
พื้นหลังเลื่อนตามหน้่าเวบ(เลื่อนตามสกรอล์บาร์)และทำซ้ำๆไปเรื่อยๆ
เหมาะกับ รูปภาพขนาดเต็มจอพอดี
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat:repeat; }
</style>


แบบที่ 4
พื้นหลังเลื่อนตามหน้าเวบ แต่ไม่ทำซ้ำนะครับ
เหมาะกับ รูปภาพขนาดเล็ก ที่มาเรียงต่อๆกันจนเต็มจอ
<style type="text/css">
body {
background-image: url(URLของรูป) ;
background-attachment:scoll;
background-repeat: no-repeat; }
</style>

TheC1assic

โห ขอบคุณมาก ครับ

มาครบเลย - -{:18_772:}

คิดว่าจะไม่มีคนเข้าทู้นี้ซะแล้ว - -

noth1

เอาไปวางตรงไหนง่า