Parametr z-index

  O położeniu warstw w stosie decyduje kolejność ich zapisywania. Jak już wspomniałem w poprzedniej lekcji najwyżej jest warstwa zapisana jako ostatnia. Można to jednak modyfikować za pomocą parametru z-index. Parametr ten przyjmuje wartości liczbowe. Warstwa o największej wartości tego parametru jest najwyżej a o najmniejszej najniżej. Wartości te można modyfikowac dynamicznie i o tym będzie dzisiejsza lekcja. Zaczynamy oczywiście od rozpoznania typu przeglądarki i stworzenia zmiennych wskazujących. W tym wypadku nie zmieni się nic w stosunku do lekcji poprzedniej ponieważ będziemy pracować na 3 warstwach o tych samych nazwach, zaś sposób rozpoznawania przeglądarki jest zawsze taki sam.
  Będziemy posługiwac sie tymi samymi warstwami co poprzednio, ale żeby w pełni zobaczyć efekt warstwa 2 będzie przesunięta w stosunku do warstwy 1 o 20 pikseli w dół i w prawo, o tyle samo będzie przesunięta warstwa trzecia wględem drugiej.
  Funkcja zmieniająca wartość parametru z-index. 
Zanim stworzymy funkcję trzeba zadeklarować zmienną i określić jej wartość, powiedzmy że nazwiemy ją x i nadamy jej wartość 1
x=1
a teraz już bardzo prosta funkcja
function zmiana(warstwa)
{ x=x+1; 
warstwa.zIndex=x }
  
  Przy każdym uruchomieniu funkcji warstwa której nazwa będzie argumentem funkcji bedzie miał wartość parametru z-index większą o jeden od obecnego, dzięki czemu będzie najwyżej w stosie. Teraz wystarczy uruchomić funkcję. A oto przykład.