Jak udělat jeden DIV za druhým v HTML

Zapište do kódu HTML prvek DIV a umístěte veškerý požadovaný obsah mezi otvírací značky * a zavřete *. Přiřaďte atribut ID DIV pro název prvku. Měli byste použít název, který je jedinečný pro daný prvek DIV a nepoužívat stejný identifikátor více než jednou na stejné webové stránce. Například: * * Obsah je zde ... *

Vytvořte druhý DIV pod první a poté přidejte veškerý požadovaný obsah pro daný DIV. Vložte atribut ID s jiným názvem než první. * * Obsah je zde ... * *

Otevřete soubor CSS nebo vyhledejte značky, které jste zakódovali v souboru HTML. Tagy můžete přidat, pokud již nejsou. Použijte kód CSS, aby každý DIV byl relativním typem pozice, jak je ukázáno v tomto příkladu: #firstdiv {position: relative;} #seconddiv {position: relative;}

Přidejte vlastnost "z-indexu" kódu CSS pro každý prvek DIV. Umístěte hodnotu pro "z-index" vyšší než pro DIV, aby se stohovaly na druhé. Nejnižší hodnota DIV v zásobníku získá nejnižší hodnotu "z-indexu". # Firstdiv {pozice: relativní; z-index: 2;} #seconddiv {pozice: relativní; z-index: 1;} Hodnota "z-indexu" můžete nastavit mezi nula a 999. Můžete použít záporné hodnoty, ale způsobují problémy v složitých kompozicích a nefungují ve starších verzích aplikace Internet Explorer.