js холсты порядок укладки

Question

Прошу прощения, если это неправильное место для вопроса новичка Это мой первый поиск помощи в переполнении стека, и я только начинаю с js. Отказ от ответственности: Я пытаюсь изучить примеры физики из книги и сосредоточиться только на изучении холста. Я практически ничего не знаю о HTML/CSS; просто голые вещи, чтобы играть на холсте (до сих пор у меня уже есть шары, прыгающие 10 столкновение и т. д.).

Я нарисовал три частично перекрывающиеся квадраты разных цветов (красный синий черный) в трех соответствующих холстах, названных слоем «layer1» layer2 «layer3» в этом порядке, и я вижу, как они складываются в ожидаемую укладку порядок: черный поверх синего сверху красного.

Я установил прослушиватель событий keydown и пытаюсь использовать переключатель, чтобы изменить порядок укладки, но не увенчался успехом.

function moveLayers(evt) { 
    switch(evt.keyCode) { 
     case 37: // up arrow 
     // what code should go here to change the order of layer1 and layer3 
    break; 
    } 
} 

Да, я нашел, что это имеет отношение к г-indez, но точно не знаю синтаксис нужен Спасибо за ответ с определенной строки кода (я подозреваю, что это просто один лайнер) или подталкивание меня в правильном направлении.

Answer 1

Я знал, что это должна быть только одна линия! Найдено при Style ZIndex собственности на http://www.w3schools.com/jsref/prop_style_zindex.asp

решение:

изменить слой 3 к слою 1, просто написать:

document.getElementById ("layer3") style.zIndex = «1. «;