Mahmoud Ali Nawwar نشر 9 فبراير 2022 أرسل تقرير مشاركة نشر 9 فبراير 2022 السلام عليكم ورحمة الله وبركاته أريج أن أصنع مثل ذا الشكل ولقد صنعته بالا after and before ولكن عناصر ال after and before تظهر فوق العنصر الأصلي حاةلت استخدام z-index ولكن الأمر لم ينجح oo.zip 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 محمد أبو عواد نشر 9 فبراير 2022 أرسل تقرير مشاركة نشر 9 فبراير 2022 حاول أن تجعل قيمة z-index سالبة , فبدلا من صفر حاول أن تجعلها -1 كالتالي .z::after{ content: ""; width: 400px; height: 400px; border-radius: 50%; background-color: blueviolet; position: absolute; top: 0px; left: 60px; z-index: -1; ^^^^^^^^^^^^^^ } وبالمثل ل before .z::before{ content: ""; width: 400px; height: 400px; border-radius: 50%; background-color: forestgreen; position: absolute; top: 0px; right: 60px; z-index: -1; ^^^^^^^^^^^ } اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mahmoud Ali Nawwar نشر 9 فبراير 2022 الكاتب أرسل تقرير مشاركة نشر 9 فبراير 2022 بتاريخ 3 دقائق مضت قال محمد أبو عواد: حاول أن تجعل قيمة z-index سالبة , فبدلا من صفر حاول أن تجعلها -1 كالتالي .z::after{ content: ""; width: 400px; height: 400px; border-radius: 50%; background-color: blueviolet; position: absolute; top: 0px; left: 60px; z-index: -1; ^^^^^^^^^^^^^^ } وبالمثل ل before .z::before{ content: ""; width: 400px; height: 400px; border-radius: 50%; background-color: forestgreen; position: absolute; top: 0px; right: 60px; z-index: -1; ^^^^^^^^^^^ } فعلت ذلك ولكن الكلام ظهر بعطس خلفية المحتوى 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 محمد أبو عواد نشر 9 فبراير 2022 أرسل تقرير مشاركة نشر 9 فبراير 2022 بتاريخ 2 ساعات قال Mahmoud Ali Nawwar: فعلت ذلك ولكن الكلام ظهر بعطس خلفية المحتوى يمكننك اعطاء الصنف parent1 خاصية position وقيمتها relative كالتالي .parent1 { width: 800px; height: 600px; background-color: bisque; margin: auto; overflow: hidden; z-index: 75; position: relative; ^^^^^^^^^^^^^^^^^^^^^^^^^ } ويمكنك ازالة الخاصية z-index من الصنف z , لاحظ .z { width: 400px; height: 400px; border-radius: 50%; margin: 100px auto; background-color: aqua; display: flex; justify-content: center; align-items: center; position: relative; z-index: 5; ^^^^^^^^^^^^ } بعد الازالة .z { width: 400px; height: 400px; border-radius: 50%; margin: 100px auto; background-color: aqua; display: flex; justify-content: center; align-items: center; position: relative; } وسوف تظهر الخلفية اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Mahmoud Ali Nawwar
السلام عليكم ورحمة الله وبركاته
أريج أن أصنع مثل ذا الشكل ولقد صنعته بالا after and before ولكن عناصر ال after and before تظهر فوق العنصر الأصلي حاةلت استخدام z-index ولكن الأمر لم ينجح
oo.zip
رابط هذا التعليق
شارك على الشبكات الإجتماعية
3 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.