[html] จะจัดภาพ background ให้เข้ากับทุกขนาดจอได้อย่างไรคะ

[hs4twy]

background: url("/images/bg.jpg") repeat fixed center top;
margin: 0 !important;
padding: 0;

[mSkyline]

เท่าที่เคยเจอเทพๆ ก็แบบนี้
http://www.transformersmovie.com/

[SG14]

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background

แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ

[SG14]

เท่าที่เคยเจอเทพๆ ก็แบบนี้
http://www.transformersmovie.com/

แบบนี้เลยคะที่พูดถึง

[anivox]

โค้ด เลือก ขยาย

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}


แบบนี้ดีที่สุดครับ เบาๆ, เต็มจอ, ย่อขนาดตามขนาด window

[mumdochata]

พื้นหลังไม่เลื่อนใช่ไหมครับ

[anivox]

พื้นหลังไม่เลื่อนใช่ไหมครับ

ถ้าแบบที่ผมบอกคือ เต็มจอ ย่อขนาดตามจอเลย

[SG14]

html {
   background: url(images/bg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

เดี๋ยวจะลองนะคะ โค๊ดเดียวกับข้างบนหรือป่าวคะ
ถ้าอันเดียวกันรูปใหญ่มากก็ไม่ได้เหมือนกันคะ

[anivox]

html {
   background: url(images/bg.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

เดี๋ยวจะลองนะคะ โค๊ดเดียวกับข้างบนหรือป่าวคะ
ถ้าอันเดียวกันรูปใหญ่มากก็ไม่ได้เหมือนกันคะ

อันนี้มันเป็น css3 (เวอร์ชั่นใหม่จ้า)

[MeenyFancy]

อยากเห็นภาพที่ว่า ทำไมสคริปใช้ไม่ได้

[TummZ]

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background

แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ

อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้

[xaax]

ลองดูที่นี่นะครับ http://srobbin.com/blog/jquery-plugins/jquery-backstretch/ น่าจะพอช่วยได้

[SG14]

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background

แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ

อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้

อัพโหลด+วิธีใช้ให้ได้ไหมคะ

[pawitk]

ไม่ค่อยได้ใช้ภาพใหญ่ๆเป็น  BG ส่วนใหญ่ใช้ repeat เอา

[TummZ]

ลองดูครับ ใช่แบบนี้ไหม

*http://www.wimun.com/background

แบบนี้เลยคะ คือไม่ว่าเนื้อหาจะยาวแค่ไหน bg จะ ฟิคอยู่ด้านหลังคะ แล้วแบบทุกจอมองเห็นเหมือนกันคะ ไม่มีขาวๆ

อันนี้เป็นสคลิป jquery ครับ ถ้าอยากได้เดี๋ยวผมอัพโหลดให้

อัพโหลด+วิธีใช้ให้ได้ไหมคะ

โหลดตามลิ้งค์นี้นะครับ ลองดูครับใช้ไม่ยาก แทบไม่ต้องเปลี่ยนอะไรเลย

*http://www.wimun.com/background/background.rar