تتم كتابة اسم اللون الذي يجب عرضه على واجهة الإخراج في خاصية الخلفية تلك. على سبيل المثال، ' الخلفية: أحمر 'سيحدد لون الخلفية باللون الأحمر. وبالمثل ، للحفاظ على الخلفية بسيطة أو لإزالة ألوان الخلفية ، ' لا أحد ' و ' شفاف 'في خاصية الخلفية بدلاً من اسم اللون.
تعرض كل من الخلفية: لا شيء والخلفية: شفافة نفس النتائج لأنها تزيل الخلفية تمامًا. لذلك ، لا يوجد فرق كبير بين عمل الاثنين.
الفرق بين 'background: none' و 'background: transparent' في CSS
ال ' الخلفية: لا شيء ' و ' الخلفية: شفافة '، كلاهما يستخدم لنفس الغرض. يقومون بتعيين لون الخلفية على أنه لا شيء أو يزيلون اللون من الخلفية.
لكن مع ذلك ، إذا فكرنا بشكل نقدي وحاولنا إيجاد اختلافات بينهما ، فهناك اختلافان محتملان:
- الفرق الرئيسي بين الاثنين هو أنهما كلمات مختلفة بأعداد مختلفة من الأحرف فيها. لذلك ، يعتقد الكثير من الناس أنه عند استخدامها في مستند ضخم كثيرًا في أماكن مختلفة ، فإن المستند الذي يستخدم ' الخلفية: لا شيء 'قد يستغرق وقتًا أقل ليتم تجميعه لأنه لا يوجد عدد أقل من الأحرف مقارنةً بالشفافية.
- إذا تحدثنا عن كيفية تجميعها ، فحينئذٍ ، ' الخلفية: لا شيء 'يعيّن صورة الخلفية على لا شيء أو لنفترض أنه يزيل لون الخلفية. من ناحية أخرى ، فإن ' الخلفية: شفافة 'يعين اللون الشفاف كخلفية للنص أو للواجهة بأكملها (أيهما يشار إليه في عنصر نمط CSS).
ولكن ، يمكن إهمال هذه الأنواع من الاختلافات إذا تحدثنا عن تأثيرها على الواجهة الرسومية لأنه لن يكون هناك اختلاف في النهاية.
مثال: تطبيق الخلفية: لا شيء والخلفية: شفافة
دعنا نثبت عمليًا أن ' الخلفية: لا شيء ' و ' الخلفية: شفافة 'فعل الشيء نفسه للواجهة. اكتب مقتطفًا من التعليمات البرمجية لمعرفة تأثير خاصية خلفية CSS مع كل من لا شيء وشفاف:
< h2 بطاقة تعريف = 'نص' >هذا نص بسيط لشرح الغرض من الخلفية: لا شيء والخلفية: شفافة
< / h2 >
في مقتطف الشفرة المذكور أعلاه ، يوجد عنوان تم إنشاؤه في مستند HTML وقد تم إعطاؤه معرفًا باسم ' نص '.
إضافة خاصية الخلفية CSS
تم منح النص معرّفًا ، لذلك دعونا ننشئ مُحدِّد معرّف في عنصر نمط CSS ونضيف ببساطة ' الخلفية: لا شيء 'الملكية فيه:
# نص {خلفية : لا أحد ؛
}
وبالمثل ، لكتابة ' الخلفية: شفافة '، لا يوجد فرق في الطريقة. ببساطة ، استبدل ' لا أحد ' مع ' شفاف ':
# نص {خلفية : شفاف ؛
}
كلا ال ' الخلفية: لا شيء ' و ' الخلفية: شفافة سيولد نفس الناتج:
هذا يعني أنه لا يوجد فرق بين الاثنين ويتم تجميعهما بنفس الطريقة.
إضافة خاصية الخلفية باسم لون
الآن ، إذا أضفنا اسمًا لونيًا بدلاً من كتابة ' لا أحد ' و ' شفاف '، لن يكون الناتج مطلقًا هو نفسه الذي تم إنشاؤه بواسطة' الخلفية: لا شيء ' و ' الخلفية: شفافة '. على سبيل المثال ، نكتب اسم لون في خاصية background:
# نص {خلفية : lightblue ؛
}
الفرق واضح. لا يتم عرض نفس الإخراج كما في حالة الخلفية: لا شيء و الخلفية: شفافة :
يلخص هذا الاختلاف بين الخلفية: لا شيء والخلفية: شفافة.
خاتمة
الخلفية: لا شيء والخلفية: شفاف يستخدمان لإزالة لون الخلفية وتعيين لون الخلفية على أنه شفاف. ولكن نظرًا لأن كلاهما لهما نفس التأثير تمامًا على واجهة الإخراج ، فإن الخلفية: لا شيء والخلفية: يمكن استخدام الشفافية لنفس الغرض.