שלח תשובה

זירת השאלות

106
צפיות
2
תשובות

הוספת כיתוב מעל תמונה בעת מעבר של העכבר על התמונה

,‏ 22 בספטמבר, 2020

שלום אני מנסה כבר זמן רב להוסיף תמונה ובעת שאני יעבור עליה עם העכבר שירד עליה מסך אדום נאמר ועליה שיהיה כתוב משהו מסוים איך עושים את הפעולה הזאת בhtml
אשמח לתשובה

2 תשובות

  1. entry הגיב:

    שילוב של html עם css כמובן
    העיקרון הוא להחזיק אוקייבט, בתוכו תמונה שמופיעה תמיד, ועוד אלמנט שיהיה נסתר – ויופיע רק במעבר עכבר
    ללא בדיקות, זה צריך להיות משהו כזה, כשכמובן אפשר להוסיף לו אפקטים עם css transition

    <figure>
       <img src="file.jpg" alt="" />
       <figcation>טקסט</figcaption>
    </figure>
    
    <style>
    figure{
       position:relative;
       width:100px;
       height:100px;
    }
    
    figcaption{
       position:absolute;
       left:0;
       top:0;
       width:100px;
       height:100px;
       background:red;
       opacity:0;
    }
    
    figure:hover figcaption{
       opacity:1;
    }
    </style>
    
  2. אוקי קלטתי את זה, אבל איך אני גורמת למסך האדום לרדת במין גלילה,
    ולא שזה יופיע בבת אחת.

שלח תשובה

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!