Наложение DIV и ссылки внутри и снаружи - PullRequest
Новая
       29

Наложение DIV и ссылки внутри и снаружи

0 голосов
/ 09 июля 2019

Могу ли я сделать ссылки кликабельными как в наложенном DIV, так и на поверхности за DIV?

Я знаю о POINTER-EVENTS: None;, но в данном случае это не решение, потому что оно делает ссылки активными только на поверхности за оверлейным DIV, делая ссылки в DIV неприкасаемыми.

Извините, если это дублирующий вопрос.

1 Ответ

1 голос
/ 09 июля 2019

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

Сначала вы захотите добавить класс к тегам привязки (назовем его above-header).для конкретности, чтобы все ссылки выглядели так: 

<A href="https://www.google.com" class="above-header">Link</A>

Затем вы захотите добавить следующий CSS, чтобы применить новое позиционирование к тегам привязки: 

.above-header {
   position: relative;
   z-index: 1001;
}

position: relative сделает z-index применимым к этим тегам привязки, не перемещая их вообще, в то время как z-indez поднимет их над заголовком (и сделает их кликабельными), пока их значение z-index больше, чем узаголовок (который в настоящее время равен 1000).

Я бы также уменьшил z-index на .header-area до 1, а затем сделал бы z-index для тегов привязки 2, но это в основном вопрос стиля кода.

...