المعرفة ذات الصلة بشفافية CSS Alpha. يرجى إلقاء نظرة على الكود التالي أولاً:
رمز البرنامج
عامل التصفية:alpha(opacity=50);
-moz-opacity:0.5; /* Moz + FF */
العتامة: 0.5؛ /* المتصفحات التي تدعم CSS3 (يدعمها FF 1.5 أيضًا) */
للتوضيح بإيجاز، يستخدم IE مرشح السمات الخاصة: alpha(opacity)، ويستخدم Moz Family السمة الخاصة -moz-opacity، والسمة القياسية هي العتامة (CSS 3، Moz Family تدعم CSS3 جزئيًا). القيمة التالية هي الشفافية، استخدم النسبة المئوية أو العلامة العشرية (ألفا (التعتيم) استخدم قيمة أكبر من 0 وأقل من 100، وهي في الواقع نسبة مئوية). لا ترى Opera من الكود أعلاه. هذا صحيح، Opera لا يدعم حتى الآن مستوى التعتيم القياسي، كما أنه ليس لديه خصائصه الخاصة لدعم شفافية Alpha. ومع ذلك، نحن نعلم أن Opera يدعم صور Alpha الشفافة بتنسيق PNG (بالطبع تدعمها Moz Family أيضًا). حتى نتمكن من استخدام صورة الخلفية لتحقيق شفافية ألفا.
المفتاح هو:
رمز البرنامج
الخلفية: عنوان URL الشفاف (alpha80.png) كرر أعلى اليسار! مهم؛
الخلفية:#ccc؛
مرشح: ألفا (التعتيم = 50)؛
نظرًا لأن Moz Family يدعم ملفات PNG ذات الشفافية ألفا، فلا نحتاج إلى استخدام خصائصه الخاصة. بالطبع، يمكنك استخدام العتامة القياسية، لكن لا تستخدم صور ألفا الشفافة والعتامة في نفس الوقت، وإلا فإنها تصبح مزيجًا من الاثنين. يمكنك تنزيل المثال أعلاه وإلقاء نظرة على تعليقات /*opacity:.5;*/.