Ayman Alrawy نشر 15 مارس 2023 أرسل تقرير مشاركة نشر 15 مارس 2023 لماذا لا يعمل اخر after في المشروعimages.zip 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
2 عمر قره محمد نشر 15 مارس 2023 أرسل تقرير مشاركة نشر 15 مارس 2023 اعتقد ان سبب المشكلة هو انك تحاول إضافة after إلى العنصر من النوع img. وهذا غير صحيح في CSS. لحل المشكلة جرب الكود التالي : <div class="col"> <div class="imageContainer"> <img src="../images/a.jpg" alt=""> </div> </div> وفي css : .imageContainer { width: 260px; position: relative; text-align: center; } .imageContainer img { width: 100%; } .imageContainer::after { content: ""; display: block; width: 80px; height: 100%; background-color: var(--scolor); top: 0; right: 0; position: absolute; } حيث اضفنا حاوية جديدة تحتوي على الصورة و الـ after. 1 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 Mahmoud Elgendy3 نشر 15 مارس 2023 أرسل تقرير مشاركة نشر 15 مارس 2023 (معدل) السلام عليكم ورحمة الله وبركاته، الاجابة بإختصار لا يمكن إضافة after و before للعناصر الفارغة. العناصر الفارغة Empty Elements هي العناصر التي لا تضم محتوى، إنما تكون وسم Tag يحتوي على بعض الـ Attributes فقط. مثال على ذلك عنصر <img> و <input>، بينما العناصر غير الفارغة تحتوي على opening tag و content و closing tag مثل اغلب العناصر. تم التعديل في 15 مارس 2023 بواسطة Mahmoud Elgendy3 اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
Ayman Alrawy
لماذا لا يعمل اخر after في المشروعimages.zip
رابط هذا التعليق
شارك على الشبكات الإجتماعية
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.