Как сделать кнопку назад?

Question

[hsnz]

Ребята, все привет.
Подскажите пожалуйста, как сделать кнопку "Назад", чтобы она была кликабельна, пока я понимаю, что другой блок налазит на нее, но у меня не получается исправить ситуацию без сдвига верстки.
Да и вообще, может, кто-то значительно лучший вариант предложит, блок будет открываться на планшете Ipda mini.
revery.ru/Hoff/card/Elite.html

Answer 1

[game802]

лучше бы Вы прислали пример. Проблема с тем, что у Вас там что-то сверху налезает, решается с помощью свойства z-index.

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

не забывайте указывать position: relative;.
Почитать о слоях

____
В вашем примере, нужно в класс .knopka добавить

position: relative;
z-index: 11;

Comments

[hsnz]

Спасибо, подскажите еще пожалуйста, как решить проблему с классом input, на ipad не отображает мне класс knopka и показывает мне стандартный инпут

[game802]

hsnz, рекомендую создать новый вопрос.

[hsnz]

Сделал как вы писали, везде заработала, кроме этой страницы.
revery.ru/Hoff/card/Vogue.html

[Gortyser]

В общем, гайд, как определить, что со слоями что-то не так.
1. Открываете инструменты разработчика (в хроме Ctrl + Shift + I, в мозилле аналогично).
2. Жмете на кнопку для выделения элемента страницы

Ну или Ctrl + Shift + C, если так удобнее.
3. Наводите курсор на проблемную кнопку, внезапно видите, что выделяется не кнопка, а некий объект с классами step1 valign seq-in.

4. Кликаете на него чтобы посмотреть его свойства.
Видите, что у него z-index равен 12:

А у вашей кнопки z-index: 11.
Так что можете исправить либо z-index непонятного наезжающего элемента, либо собственно кнопки. Легче кнопки, потому что у вас есть несколько элементов с z-index >= 11.