По умолчанию слои располагаются один под другим в том порядке, в котором соответствующие элементы следуют в HTML коде. Но! Только представьте себе! Если вы захотите, то можете поменять порядок расположения слоев. А осуществить это можно с помощью свойства z-index. Значения этого свойства могут быть отрицательные и положительные, но должны быть целыми числами. Давайте посмотрим пример использования этого полезного свойства:

<div style="position: absolute; top: 350; left:50; z-index: 12"><button>номер 1</button></div> <div style="position: absolute; top: 360; left:80; z-index: 13"><button>номер2</button></div>