ความคิดเห็น: อย่างไรก็ตามหลังจากที่ CSS3 ปรากฏตัวขึ้นสถานการณ์การแสดงผลซ้ำได้รับการปรับปรุง คุณสมบัติขนาดพื้นหลังสามารถทำให้ความหวังก่อนหน้าของเราในการยืดและเติมภาพพื้นหลังเป็นจริง วิธีการใช้งานเฉพาะมีดังนี้ เพื่อนที่สนใจสามารถอ้างถึงได้ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน
วิธีทำให้การเติมภาพพื้นหลังแบบเติมเต็มคำถามนี้ฟังดูง่าย แต่ฉันขอโทษที่จะบอกคุณ ไม่ง่ายอย่างที่เราคิดตัวอย่างเช่นตั้งค่าพื้นหลังในคอนเทนเนอร์ (Body, Div, Span) ค่าความยาวและความกว้างของพื้นหลังนี้ไม่สามารถแก้ไขได้ก่อน CSS2.1
ดังนั้นผลลัพธ์ที่เกิดขึ้นจริงคือสามารถแสดงได้ซ้ำ ๆ ดังนั้นคุณสมบัติเช่นการทำซ้ำ, ซ้ำ -X, ทำซ้ำ -y, ไม่มีการทำซ้ำปรากฏขึ้น มันถูกใช้เพื่อควบคุมการแสดงภาพพื้นหลัง ดังนั้นจึงมีภาพพื้นหลังสองประเภท:
1. มันเป็นภาพขนาดใหญ่ขนาดและขนาดพื้นที่ที่ตรงกับ
2. แผนภูมิแท่งขนาดเล็กมากหลังจากผ่านการทำซ้ำจะสร้างพื้นหลังภาพขนาดใหญ่ปกติมาก
อย่างไรก็ตามหลังจากที่ CSS3 ปรากฏตัวขึ้นสถานการณ์นี้ได้รับการปรับปรุง คุณสมบัติขนาดพื้นหลังสามารถทำให้ความหวังก่อนหน้าของเราเป็นจริง
และสถานที่ให้บริการนี้สามารถใช้กับ Firefox, Chrome และ IE9
วิธีการใช้งานเฉพาะมีดังนี้:
ขนาดภาพพื้นหลัง (การแสดงตัวเลข):
#ขนาดพื้นหลัง {
ขนาดพื้นหลัง: 200px 100px;
-
ขนาดภาพพื้นหลัง (การแสดงเปอร์เซ็นต์):
#พื้นหลังขนาด 2 {
ขนาดพื้นหลัง: 30% 60%;
-
ขนาดภาพพื้นหลัง (เทียบเท่าเพื่อขยายภาพเพื่อเติมองค์ประกอบเช่นค่าปก):
#พื้นหลังขนาด 3 {
ขนาดพื้นหลัง: ปก;
-
ขนาดภาพพื้นหลัง (ลดภาพในอัตราส่วนที่เท่ากันเพื่อปรับให้เข้ากับขนาดขององค์ประกอบนั่นคือมีค่า):
#พื้นหลังขนาด 4 {
ขนาดพื้นหลัง: มี;
-
ขนาดภาพพื้นหลัง (เติมองค์ประกอบด้วยขนาดของภาพเองเช่นค่าอัตโนมัติ):
#พื้นหลังขนาด 5 {
ขนาดพื้นหลัง: อัตโนมัติ;
-