מה זה background-attachment?

המאפיין background-attachment ב-CSS קובע אם הרקע יזוז עם גלילת הדף או יישאר קבוע. הערכים האפשריים הם 'scroll' (הרקע ינוע עם גלילת הדף) ו-'fixed' (הרקע יישאר במקום גם כאשר הדף נגלל).

שימוש במאפיין background-attachment

באמצעות background-attachment ניתן ליצור אפקטים ויזואליים מיוחדים על ידי שמירה על הרקע במקום אחד או על ידי תנועת הרקע יחד עם גלילת הדף.

דוגמה לשימוש ב-background-attachment

להלן דוגמה לשימוש במאפיין background-attachment:

בדוגמה זו, הרקע נשאר קבוע גם כאשר התוכן נגלל.

שימושים מתקדמים

באמצעות background-attachment ניתן ליצור אפקטים מעניינים עם רקעים קבועים שיכולים לשפר את החוויות הוויזואליות באתר, במיוחד כאשר התוכן בדף ארוך מאוד.

    <div style="background-image: url('https://via.placeholder.com/150'); background-attachment: fixed; width: 100px; height: 100px; overflow: auto;">
                    <div style="height: 300px;"></div>
                  </div>