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

Question

[Гриша Никольский]

Здравствуйте. Мне нужно, чтобы у меня была возможность кликнуть на ссылку "Let's start". Вроде как z-index него больше некуда, да и действительно элемент находится вроде как над всеми слоями. То же самое касается всех остальных надписей (например, hover на них не действует).
Мой сайт: justme.matdev.ru/index-fade-slider.html
Заранее спасибо!

Answer 1

[Дмитрий Гавриленко]

1 - ты не на тот элемент применял правило z-index
2 - убери его вообще и все заработает.

Comments

[Гриша Никольский]

Какой конкретно элемент ты имел ввиду?

[Дмитрий Гавриленко]

Гриша Никольский: .header-border

[Дмитрий Гавриленко]

Гриша Никольский: "да и действительно элемент находится вроде как над всеми слоями" каким образом проверял я не могу понять? Почти всю страницу перекрывает .header-border

[Гриша Никольский]

Дмитрий Гавриленко: у него z-index намного меньше, чем у остальных элементов

[Гриша Никольский]

А если z-index убрать вовсе, то рамка не будет видна впринципе.

[Дмитрий Гавриленко]

Гриша Никольский: ааа то ты так рамку делал xD А тупо margin: 30px на body уже не катит?

[Гриша Никольский]

Дмитрий Гавриленко: не катит. Тогда секция будет не на весь экран, а немного прокручиваться вниз.

Answer 2

[Максим Тимофеев]

Смысл делать релятивному предку z-index, если более близкий предок с абсолютным позиционированием и без z-index, как и сама ссылка?

Comments

[Гриша Никольский]

Вы имеете ввиду удалить z-index из .header-start и добавить к .jm-start?

[Максим Тимофеев]

Гриша Никольский: да

[Гриша Никольский]

Максим Тимофеев: ну это я уже сделал - не помогло)

[Максим Тимофеев]

Гриша Никольский: ее перекрывает <div class="header-border"></div> удалите этот элемент и все будет ок

[Гриша Никольский]

Максим Тимофеев: ну вот дело в том, что мне нужен этот border. Иначе никак не получается сделать края у картинки так, чтобы не появлялось скрола

[Максим Тимофеев]

Гриша Никольский: засунь ссылку в него

[Гриша Никольский]

Максим Тимофеев: Залил на хост с изменениями. Ничего не произошло...

[Максим Тимофеев]

Гриша Никольский: ссылка?

[Гриша Никольский]

Максим Тимофеев: все та же: justme.matdev.ru/index-fade-slider.html

[Максим Тимофеев]

Гриша Никольский: Чего вы ожидаете от этого кода?
<div class="header-border"><a></a></div>

[Гриша Никольский]

Максим Тимофеев: случайно видимо emmet'ом добавил. Это вряд ли как-то повлияет.