إذن أنت تريد عدم وجود منطقة رمادية تتداخل مع الصورة الخلفية؟
إذا كان الأمر كذلك، فستستخدم نفس الكود أعلاه، ولكن قم بإلغاء تعيين خاصية clip-path.
html .background-container {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 100vw;
background: url(https://d11a6trkgmumsb.cloudfront.net/original/3X/8/3/8352b68….jpeg);
background-size: cover;
clip-path: unset;
هذا يبدو جميلاً حقًا مع صورتك!
