Почему не кликается «пустая» ссылка растянутая на весь DIV?

Question

[Руслан Галиев]

Ссылка выделена в коде и подсвечена на странице. При наведении курсора на этот блок, никакой реакции не происходит. А надо чтобы была реакция на ссылку.



ati-ufa.ru

Answer 1

[Иван Сушков]

А эта область находится "поверх" или "за"? Попробуйте выставить z-index.

Comments

[Руслан Галиев]

Попробовал присвоить диву z-index:1001; и ссылке z-index:1002; - не помогло.

Answer 2

[Сергей Жубартович]

Можно добавить в нее текст и указать font-size: 0
Тогда будет работать

Comments

[Руслан Галиев]

Добавил текст, не уменьшал размер шрифта. Текст не отображается, ссылка не работает.

Answer 3

[Alexander Belov]

Выделен div, в котором находится ссылка, а не сама ссылка, которая, как мы видим в инспекторе, имеет размер 0px x 0px

Comments

[Руслан Галиев]

А почему ссылка 0px x 0px, если ей задан display:block; ?

[Alexander Belov]

Руслан Галиев: Во 1-х: никакого display: block на ней не увидел, во 2-х, если даже задашь ей display: block, она растянется но будет ноль по высоте. Либо контент в неё добавлять нужно, чтобы он определял высоту, либо указывать высоту вручную height: ..

[Руслан Галиев]

Alexander Belov: так на скриншоте показано, что у ссылки style="display:block; height:70%" Это задано только у 4-го слайда, с мужчиной за ноутбуком.

[Alexander Belov]

Руслан Галиев: Я на 1м слайде смотрел просто

Answer 4

[Влад]

Привет! Может в ссылку a обернуть div.box ? Сейчас наоборот. Должно быть тогда кликабельно.

Comments

[Руслан Галиев]

Тогда 4-й слайд пропадает, ссылка так же не работает.

Answer 5

[Руслан Галиев]

Разобрался. Перекрывал див :before с z-index:2;

Answer 6

[Егор Живагин]

Каждому слайду position: relative

Ссылке

width: 100%
position: absolute

И всё отлично, только выстоту чуть увеличить можно)