أود أن أوضح كيف أصنع خلفية شفافة بسرعة. إذا كنت تستخدم أمر العتامة في CSS ، فستكون الخلفية شفافة بالطبع ، ولكن أيضًا مع كل شيء موجود عليها.
كيفية حل هذه المشكلة؟ لقد فتشت عبر الإنترنت ووجدت طريقة رائعة ، سأخبرك بها الآن.
لنفترض أن هذا هو موقعك (html):
<html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title> </title> </head> <body> <div class="mid"> <p> </p> . . </div> </body> </html>
يتضمن السطر "" ورقة أنماط CSS.
ومن هنا (يطلق عليه style.css):
body{ background: " " ; * background-attachment: fixed ; background-position: top center; } .mid{ width: 1250px;** margin: 0 auto; background: rgba(161,21,207, 0.5);*** }
في منتصف الفصل الثالث ، يحدد الخط لون اللون الشفاف بتنسيق RGBA. الأرقام الأربعة ، في هذه الحالة 0.5 ، هي قيمة الشفافية من 0 إلى 1.
بسيط جدا جربه ، سوف تنجح بالتأكيد!
* - أدخل صور رابط هنا
** - ضبط عرض الصفحة (لهذا أنشأنا الفصل في منتصف كود HTML)
*** - rgba هو اللون بتنسيق rgb. يشير الحرف الأخير (أ) إلى شفافية الخلفية. قيمتها هي رقم من 0 إلى 1. 0 هي خلفية شفافة تمامًا ، على التوالي ، 1 هو عكس ذلك.