بدلا من ذلك يمكنك استخدام قيمة rgba شفافة مثل هذا: \`\` \`المغلق
. الطبقة اسم { background-color: rgba (0،0،0، .5)؛ } \`\` \` المثال أعلاه يضبط الخلفية ليكون أسود مع عتامة 50 ٪. القيمة الأخيرة لقيمة rgba هي قيمة alpha. قيمة ألفا 1 تساوي 100٪ ، و 0.5 (.5 للقصير)٪ 50. نستخدم هذه الطريقة لإضافة شفافية إلى عنصر دون التأثير على المحتوى في الداخل.
لمزيد من المعلومات ، قم بزيارة [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/opacity) [خاصية Opacity CSS في CSS-Tricks](https://css-tricks.com/almanac/properties/o/opacity/)
دعم المتصفح: [caniuse](https://caniuse.com/#search=opacity)