Как использовать z-index?

Question

[Павел]

pavelcdn.ml/r , мне надо вот эти кружочки joxi.ru/DmBJDBjU0Xy6mP . опустить ниже чтоб можно было нажать на кнопку по центру , но в тоже время чтоб их было видно , пытался ставить фону z-index 10 , кружкам 1 , а кнопке 100 но хоть 100500 кнопке поставь она всеравно не ведет себе так как надо , в чем косяк?

Comments

[Ярослав Иванов]

а гугл что говорит ?
z-index работает только с position:relative, fixed, absolute и вроде еще с чем-то.
Блоку задай relative

[Павел]

Ярослав Иванов: штука в том что если я и примеяю его с позиционированием то картинка кружочков всегда выше чем контент

[Ярослав Иванов]

mrusklon: Убери вообще эти кружки. Что за маразм. Ужасно выглядят.

[sim3x]

Через сколько джокси удалит картинку?
Через сколько линк на сайт умрет?

[Павел]

sim3x: и что делать в таком случае?

[sim3x]

mrusklon:

Код в вопрос текстом в тег code
Картинку на хабрасторадж

Answer 1

[myaca]

так ты задай кнопке позицию же, чтобы ставить z-index, надо position absolute/fixed/relative

Добавь кнопке ".btnCenter" вот это:

position: relative;
z-index: 1;

В инспекторе потыкал - все норм

Answer 2

[Ivan Bogachev]

header > .container {
    position: relative;
    z-index: 1;
}

Comments

[Павел]

даже не пришлось в другие места лезть , а я думал надо всему скопу давать везде индекс )) Спасибо!