שלח תשובה

זירת השאלות

52
צפיות
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. אוקי קלטתי את זה, אבל איך אני גורמת למסך האדום לרדת במין גלילה,
    ולא שזה יופיע בבת אחת.

שלח תשובה