When to use CSS background-imageUse

When to use CSS background-image

Use CSS background images if the image is not part of the content. —sanchothefat
Use CSS background images when doing image-replacement of text eg. paragraphs/headers. —sanchothefat
Use background-image if you intend to have people print your page and you do not want the image to be included by default. —JayTee
Use background-image if you need to improve download times, as with CSS sprites.
Use background-image if you need for only a portion of the image to be visible, as with CSS sprites.
Use background-image with background-size:cover in order to stretch a background image to fill its entire window.

ผลลัพธ์ (ไทย) 1:

เมื่อใช้ CSS รูปพื้นหลังใช้ CSS รูปพื้นหลังรูปภาพไม่ใช่ส่วนของเนื้อหา — sanchothefatใช้ CSS รูปพื้นหลังเมื่อทำการเปลี่ยนรูปของข้อความเช่น ย่อหน้า/หัว — sanchothefatใช้ภาพพื้นหลังถ้าคุณตั้งใจที่จะมีคนพิมพ์หน้า และคุณไม่ต้องการภาพรวม โดยค่าเริ่มต้น — JayTeeใช้ภาพพื้นหลังถ้าคุณต้องการปรับปรุงเวลาในการดาวน์โหลด CSS sprites ด้วยใช้ภาพพื้นหลังถ้าคุณต้องการสำหรับเฉพาะส่วนของภาพให้มองเห็น เป็นกับ CSS spritesใช้ภาพพื้นหลังพื้นหลัง-ขนาด: ครอบคลุมการยืดภาพพื้นหลังเต็มหน้าต่างทั้งหมด

ผลลัพธ์ (ไทย) 2:

เมื่อจะใช้ภาพพื้นหลัง CSS ใช้ภาพพื้นหลัง CSS หากภาพไม่เป็นส่วนหนึ่งของเนื้อหา -sanchothefat ใช้ CSS ภาพพื้นหลังเมื่อทำภาพเช่นการเปลี่ยนข้อความ ย่อหน้า / หัว -sanchothefat ใช้พื้นหลังภาพถ้าคุณตั้งใจจะมีคนพิมพ์หน้าของคุณและคุณไม่ต้องการให้ภาพที่จะรวมโดยเริ่มต้น -JayTee ใช้ภาพพื้นหลังหากคุณต้องการที่จะปรับปรุงเวลาในการดาวน์โหลดเช่นเดียวกับสไปรท์ CSS. ใช้ภาพพื้นหลังหากคุณต้องการเพียงส่วนหนึ่งของภาพจะมองเห็นได้เช่นเดียวกับสไปรท์ CSS. ใช้ภาพพื้นหลังที่มีพื้นหลังขนาด : ฝาครอบเพื่อยืดภาพพื้นหลังที่จะเติมหน้าต่างทั้งหมด

ผลลัพธ์ (ไทย) 3:

เมื่อใช้ CSS พื้นหลังภาพ

ใช้ CSS พื้นหลังภาพหากภาพไม่ได้เป็นส่วนหนึ่งของเนื้อหา - sanchothefat
ใช้ CSS พื้นหลังภาพเมื่อทำภาพแทนของข้อความเช่นย่อหน้า / หัว - sanchothefat
ใช้ภาพพื้นหลัง ถ้าคุณตั้งใจที่จะมีคนพิมพ์หน้าของคุณและคุณไม่ต้องการให้ภาพที่จะถูกรวมโดยค่าเริ่มต้น - JayTee
ใช้ภาพพื้นหลัง ถ้าคุณต้องการที่จะปรับปรุงเวลาในการดาวน์โหลด กับสไปรต์ CSS
ใช้ภาพพื้นหลังถ้าคุณต้องการเพียงส่วนของภาพที่สามารถมองเห็นได้ เป็นกับสไปรต์ CSS
ใช้ภาพพื้นหลังที่มีขนาดพื้นหลัง : ปกเพื่อยืดภาพพื้นหลังหน้าต่างให้กรอกข้อมูลทั้งหมดของมัน