ต่อไป »

[Growth]

ปกติแล้ว background ที่ผมใช้จะกำหนดได้แค่ ให้มัน repeat หรือ ไม่เท่านั้นเอง แต่ที่นี้ผมอยากกำหนดขนาดรูป ได้หรือป่าวครับ

ผมกลัวผมอธิบายมะรู้เรื่อง ผมเลยมีตัวอย่างครับ
เช่น

ภาพปกติที่มี ขนาด 150 * 150

แต่ถ้ากรอบผมคือ 200 * 200

ถ้าใช้ background: url('img.png') repeat; มันก็จะได้เต็มกรอบแต่ดึงรูปแบบซ้ำๆ

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

ชี้แนะด้วยคราบ 

[barbies55]

จัดปายยย

http://www.w3.org/TR/css3-background/#the-background-size

[Growth]

ผมไปดูมาแว้วครับ

แต่ทำไมมันใช้มะค่อยได้อ่าครับ

background-size:100% 100%;

ขอ confirm หน่อยซิครับ ว่าใช่ตัวนี้หรือป่าว

[daclubb]

ใช่แต่รู้สึกจะใช้ได้แค่
Opera 9.5, Safari 3 and Konqueror
latest firefox nightlies

โดยใช้แบบนี้ตามลำดับ
-o-background-size, -webkit-background-size and -khtml-background-size,-moz-background-size

background-size: กว้าง  ยาว;


กรณีของคุณ ก็ใช้
background-size:200px 200px;
แต่อย่างที่บอกมัน ต้องใช้ property ของ browser ต่างๆเองดังนั้นคุณจึงต้องใส่

-o-background-size:200px 200px;
-webkit-background-size :200px 200px;
-khtml-background-size:200px 200px;
-moz-background-size:200px 200px;

ปล.ไออี และโครมใช้ไม่ได้

[Growth]

ขอบคุณมากครับ ที่มาไขข้อข้องใจ

+1 ครับ แต่ถ้าใช้ไม่ได้หมดคงมะได้ใช้ อิอิ

[sketchzfield]

ผมว่า ถ้าแก้ไข BG เองได้ ก็น่าจะทำให้เท่ากับกรอบเลยนะครับ