ไร้คอนเซปต์

Smart Phone Club & Computer Webmaster Programmer => Webmaster Am i : เว็บมาสเตอร์ & โปรแกรมเมอร์ => ข้อความที่เริ่มโดย: อาร์ตทูบี ที่ พฤษภาคม 03, 2013, 11:15:04 PM



หัวข้อ: เทคนิคการทำ background width full screen ด้วย css
เริ่มหัวข้อโดย: อาร์ตทูบี ที่ พฤษภาคม 03, 2013, 11:15:04 PM
เทคนิคการทำ background width full screen ด้วย css
เทคนิคการทำภาพพื้นหลังเต็มจอนี้ จะทำให้ภาพ background ของเรายืดขยายตามหน้าจอครับ โดยใช้ CSS แบบง่ายๆ

(http://css-tricks.com/wp-content/csstricks-uploads/fullpagebackground.jpg)

ใส่โค้ด css ตามนี้ครับ ดัดแปลงตามรูปแบบหน้าเว็บของคุณได้เลยครับ
โค๊ด:
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;
}