ชื่อของสีที่ควรแสดงบนอินเทอร์เฟซเอาต์พุตถูกเขียนในคุณสมบัติพื้นหลังนั้น ตัวอย่างเช่น “ พื้นหลัง: สีแดง ” จะกำหนดสีพื้นหลังเป็นสีแดง ในทำนองเดียวกัน เพื่อให้พื้นหลังเรียบง่ายหรือเพื่อลบสีพื้นหลัง “ ไม่มี ' และ ' โปร่งใส ” ใช้ในคุณสมบัติพื้นหลังแทนที่จะเป็นชื่อสี
ทั้ง background:none และ background:transparent แสดงผลเหมือนกับการลบพื้นหลังทั้งหมด ดังนั้นจึงไม่มีความแตกต่างที่สำคัญระหว่างการทำงานของทั้งสอง
ความแตกต่างระหว่าง “พื้นหลัง: ไม่มี” และ “พื้นหลัง: โปร่งใส” ใน CSS
“ พื้นหลัง: ไม่มี ' และ ' พื้นหลัง: โปร่งใส ” ทั้งคู่ใช้เพื่อจุดประสงค์เดียวกัน พวกเขาตั้งค่าสีพื้นหลังเป็นไม่มีหรือลบสีออกจากพื้นหลัง
แต่ถึงกระนั้น หากเราคิดอย่างมีวิจารณญาณและพยายามค้นหาความแตกต่างระหว่างทั้งสอง ก็จะมีความแตกต่างที่เป็นไปได้สองประการ:
- ความแตกต่างหลักระหว่างคำทั้งสองคือคำต่างกันและมีจำนวนอักขระต่างกัน หลายคนจึงเชื่อว่าเมื่อนำไปใช้กับเอกสารขนาดใหญ่หลายๆ ครั้งในที่ต่างๆ เอกสารที่ใช้ “ พื้นหลัง:ไม่มี ” อาจใช้เวลาในการรวบรวมน้อยกว่าเนื่องจากไม่มีอักขระใดที่มีจำนวนอักขระน้อยกว่าเมื่อเทียบกับแบบโปร่งใส
- ถ้าเราพูดถึงวิธีการรวบรวมแล้วละก็ “ พื้นหลัง:ไม่มี ” ตั้งค่าภาพพื้นหลังเป็นไม่มีหรือสมมติว่าเอาสีพื้นหลังออก ในทางกลับกัน “ พื้นหลัง:โปร่งใส ” กำหนดสีโปร่งใสเป็นพื้นหลังของข้อความหรือส่วนต่อประสานทั้งหมด
แต่ความแตกต่างประเภทเหล่านี้อาจถูกละเลยได้หากเราพูดถึงผลกระทบที่มีต่ออินเทอร์เฟซแบบกราฟิก เพราะจะไม่มีความแตกต่างในตอนท้าย
ตัวอย่าง: การใช้ background:none และ background:transparent
มาพิสูจน์กันจริงว่า “ พื้นหลัง:ไม่มี ' และ ' พื้นหลัง:โปร่งใส ” ทำสิ่งเดียวกันกับอินเทอร์เฟซ เขียนข้อมูลโค้ดเพื่อทราบผลกระทบของคุณสมบัติพื้นหลัง CSS ที่มีทั้งไม่มีและโปร่งใส:
< ชั่วโมง2 รหัส = 'ข้อความ' >นี่คือข้อความง่ายๆ เพื่ออธิบายวัตถุประสงค์ของ background:none และ background:transparent
< / ชั่วโมง2 >
ในข้อมูลโค้ดที่กล่าวถึงข้างต้น มีหัวข้อที่สร้างขึ้นในเอกสาร HTML และได้รับรหัสชื่อเป็น ' ข้อความ '.
การเพิ่มคุณสมบัติพื้นหลัง CSS
ข้อความได้รับ id ดังนั้นมาสร้างตัวเลือก id ในองค์ประกอบสไตล์ CSS และเพิ่ม ' พื้นหลัง:ไม่มี ทรัพย์สินในนั้น:
# ข้อความ {พื้นหลัง : ไม่มี ;
}
ในทำนองเดียวกัน ให้เขียน “ พื้นหลัง:โปร่งใส ” คุณสมบัติไม่มีความแตกต่างในวิธีการ เพียงแค่แทนที่ “ ไม่มี ' กับ ' โปร่งใส ”:
# ข้อความ {พื้นหลัง : โปร่งใส ;
}
ทั้ง “ พื้นหลัง:ไม่มี ' และ ' พื้นหลัง:โปร่งใส ” จะสร้างผลลัพธ์เดียวกัน:
หมายความว่าไม่มีความแตกต่างระหว่างทั้งสองและรวบรวมด้วยวิธีเดียวกัน
การเพิ่มคุณสมบัติพื้นหลังด้วยชื่อสี
ทีนี้ถ้าเราใส่ชื่อสีแทนการเขียนว่า “ ไม่มี ' และ ' โปร่งใส ” ผลลัพธ์จะไม่เหมือนกับที่สร้างโดย “ พื้นหลัง:ไม่มี ' และ ' พื้นหลัง:โปร่งใส '. ตัวอย่างเช่น เราเขียนชื่อสีในคุณสมบัติพื้นหลัง:
# ข้อความ {พื้นหลัง : ฟ้าอ่อน ;
}
ความแตกต่างที่ชัดเจน มันไม่แสดงผลเช่นเดียวกับในกรณีของ พื้นหลัง:ไม่มี และ พื้นหลัง:โปร่งใส :
สรุปความแตกต่างระหว่าง background:none และ background:transparent
บทสรุป
background:none และ background:transparent ใช้เพื่อลบสีพื้นหลังและตั้งค่าสีพื้นหลังเป็นแบบโปร่งใสตามลำดับ แต่เนื่องจากทั้งคู่มีผลกระทบต่ออินเทอร์เฟซเอาต์พุตเหมือนกันทุกประการ จึงสามารถใช้ทั้ง background:none และ background:transparent เพื่อจุดประสงค์เดียวกันได้