כיצד להפוך DIV אחד אחרי השני ב- HTML

כתוב בקוד HTML עבור אלמנט DIV ומקם את כל התוכן הרצוי בין תגי הפתיחה * וסגירת *. הקצה את התכונה DIV ID כדי לתת שם לאלמנט. עליך להשתמש בשם הייחודי לאותו רכיב DIV ולא להשתמש באותו מזהה יותר מפעם אחת באותו דף אינטרנט. לדוגמה: * * התוכן הולך כאן .... *

צור DIV השני מתחת הראשון ולאחר מכן להוסיף את כל התוכן הרצוי עבור DIV זה. שים מאפיין ID עם שם אחר מאשר הראשון. * * התוכן הולך כאן .... * *

פתח את קובץ ה- CSS או אתר את התגים שקודדת בקוד ה- HTML. ניתן להוסיף תגים אם הם כבר לא קיימים. השתמש בקוד CSS כדי לתת לכל DIV סוג מיקום "יחסי", כפי שמוצג בדוגמה זו: #firstdiv {position: relation;} #seconddiv {position: יחסית;}

הוסף את המאפיין "z-index" של קוד CSS עבור כל רכיב DIV. מניחים את הערך עבור "z-index" גבוה יותר מאשר DIV כדי מחסנית על גבי השני. DIV הנמוך ביותר בערימה מקבל את הערך הנמוך ביותר של "Z- אינדקס". # Firstdiv {עמדה: יחסית; z-index: 2;} #seconddiv {עמדה: יחסית; z-index: 1;} ניתן לשים את הערך של "z-index" בין אפס ל 999. ניתן להשתמש בערכים שליליים, אך הם גורמים לבעיות בקומפוזיציות מורכבות ואינם עובדים בגירסאות ישנות יותר של Internet Explorer.