Ali Mezher نشر 13 يونيو 2021 أرسل تقرير نشر 13 يونيو 2021 (معدل) اريد معرفة طريقة اظهار نفس هذا المربع عند المشي على العنصر؟ تم التعديل في 13 يونيو 2021 بواسطة Wael Aljamal توضيح السؤال 1 اقتباس
1 Wael Aljamal نشر 13 يونيو 2021 أرسل تقرير نشر 13 يونيو 2021 يمكن تحديد النص المساع لعنصر ما في HTML عن طريق title لأي عنصر مثلا: <!DOCTYPE html> <html> <body> <p title="أكاديمية حسوب">https://academy.hsoub.com</p> </body> </html> أو ابحث عن CSS Tooltip 3 اقتباس
0 عبدالباسط ابراهيم نشر 13 يونيو 2021 أرسل تقرير نشر 13 يونيو 2021 إذا كنت تقصد ال tooltip كما وضح وائل في التعليق السابق فبالطبع يمكنك عمل ذلك من خلال الخاصية title ولكن لن تتمكن من تعديل التنسيق حيث يبقى لل title نفس الشكل ولن تستطيع التعديل عليه حيث يبدو من الصورة أنك تحتاج شكل معين يأخذ بعض التنسيقات وهناك العديد من الطرق عن طريق ال javascript عن طريق ال css فقط بدون الحاجة لل javascript أو يمكنك البحث عن الأشياء الجاهزة فقط أبحث عن ال tooltip تطبيق ذلك عن طريق ال css سيكون كالتالي <div data-tooltip="hello"> <!-- لم نستخدم ال title --> something here </div> ال css [data-tooltip]:before { position : absolute; content : attr(data-tooltip); opacity : 0; /* يمكنك تنسيقه كما تريد عن طريق إضافة التنسيقات هنا */ } [data-tooltip]:hover:before { /*title الجزء المسؤل عن ظهور ال */ opacity : 1; } 2 اقتباس
السؤال
Ali Mezher
اريد معرفة طريقة اظهار نفس هذا المربع عند المشي على العنصر؟
تم التعديل في بواسطة Wael Aljamalتوضيح السؤال
2 أجوبة على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.