รายละเอียดบริการลงโฆษณา
 บริการจดโดเมนเนม เว็บไซด์ .Com, .Net, .Org เพียง 550 บาท / ปี    สำหรับโดเมนอื่นๆ คลิกเพื่อดูรายละเอียด สายด่วน WebSite, Domain, Hosting
สนใจติดต่อโฆษณา
   หน้าแรกเว็บบอร์ด   ช่วยเหลือ ค้นหา เข้าสู่ระบบ สมัครสมาชิก  
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
วิทยุ เพลงออนไลน์
เครื่องมือทำเว็บไซต์
Templates เว็บไซต์
หนังสือแนะนำ

อ่านบทความ PHP Programing HTML Home Page
Adobe Dreamweaver Namo WebEditor Adobe Flash
Adobe Photoshop Adobe illustrator 3ds max
Java Scripts C,C++ Programing Microsoft Word
Microsoft Excel Microsoft PowerPoint Microsoft Access
คอมพิวเตอร์ทั่วไป ความรู้เกี่ยวกับ Flash Drive  
ปักหมุด & แบ่งปัน
อีเมล์ ของโปรด
พิมพ์ Messenger
Twitter Facebook
Google Live
Delicious MySpace
Digg Y! Mail
Blogger    
จดโดเมน, Domain, พื้นที่เว็บไซต์, Host, Hosting, ต่อโดเมน, กู้โดเมน
ปรับปรุงเว็บไซต์, ดูแลเว็บไซต์, SMF ฟรีเว็บบอร์ด
หน้า: [1]   ลงล่าง
  ส่งหัวข้อนี้  |  พิมพ์  
ผู้เขียน หัวข้อ: ทำอย่างไรให้ภาพพื้นหลังมีขนาดเต็มจอ  (อ่าน 5534 ครั้ง)
chadowe
แรกเกิด
*

กำลังใจ 0
ออฟไลน์ ออฟไลน์

กระทู้: 4


« เมื่อ: ธันวาคม 20, 2010, 12:56:51 am »

คือผมอยากได้ code ที่สามารถกำหนดให้ภาพพื้นหลังมีขนาดเต็มจอ

อย่างเช่นภาพพื้นหลังชนาด 1280x800

แต่ไปแสดงบนหน้าจอขนาด 1920x1080 โดยที่ไม่มีส่วนเกิน หรือส่วนที่มันขาดโผล่ออกมา

ถ้าเป็นการใช้กับการกำหนดขนาดภาพก็จะเป็น
อ้างถึง
width="100%" height="100%"

ใช่ใหม แต่ทว่าผมต้องการใช้ความสามารถนี้ไปกำหนดพื้นหลัง มันไม่สามารถทำได้ ผมต้องทำอย่างไรครับ

ขอความคิดเห็นหน่อยครับ

ขอทั้งใน Html และ Css เลยนะครับ
บันทึกการเข้า
popkung
แรกเกิด
*

กำลังใจ 2
ออฟไลน์ ออฟไลน์

กระทู้: 28


เว็บไซต์
« ตอบ #1 เมื่อ: ธันวาคม 28, 2010, 10:49:46 pm »

ไม่สามารถมั้งครับ ยังไม่เคยเห็นมีตัวอย่างเลย ถ้าเคยเห็นเว็บไหนทำ ลองเอามาให้ชมหน่อย
บันทึกการเข้า

www.idesignboom.com
web design css html php jQuery socail network
Black-Hawk
เด็กมัธยม
*

กำลังใจ 4
ออฟไลน์ ออฟไลน์

กระทู้: 61



เว็บไซต์
« ตอบ #2 เมื่อ: ตุลาคม 14, 2011, 10:12:03 am »

ทำได้ครับใช้ CSS


html {
        background: url(ใส่ชื่อไฟล์รูปที่ต้องการ) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

เท่านี้รูปพื้นหลังก็จะเต็มจอตลอด ถ้าภาพเล็กจอกว้างมันก็จะขยายให้ ถ้า จอลดขนาด ภาพก็จะลดลงให้เองครับ
บันทึกการเข้า
Black-Hawk
เด็กมัธยม
*

กำลังใจ 4
ออฟไลน์ ออฟไลน์

กระทู้: 61



เว็บไซต์
« ตอบ #3 เมื่อ: กุมภาพันธ์ 28, 2012, 05:35:39 pm »

เว็บตัวอย่างนะครับ

http://ringvemedia.com/
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
  ส่งหัวข้อนี้  |  พิมพ์  
 
กระโดดไป:  
หน้าแรกเว็บไทยดีดี      บทความรู้      เว็บบอร์ด      บริการเว็บไซต์      จดโดเมน      โฮสติ้ง ติดต่อเรา แจ้งชำระเงิน
Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC | ภาษาไทยโดย ThaiSMF | Theme by WebThaidd.com
บริษัท เว็บไทยดีดี จํากัด ที่อยู่ 154 ซอยสุขศรีเฉลิมพจน์ แขวงวงศ์สว่าง เขตบางซื่อ กทม. 10800
โทร. 02-910-9930-1 แฟกซ์ 02-910-9931 กด 5
©
2005-2012 All rights reserved. เลขทะเบียนพาณิชย์ 0105549132957