@Kortez1337

Как наложить картинку поверх ссылок так, чтобы они нажимались?

Верстаю макет сайта. В нем есть поверх всего body прозрачные изображения, наложенные сразу на несколько секций. Как можно их наложить так, чтоб не прописывать всем текстам, ссылкам и другим картинкам z-index? Проще говоря, чтоб картинки полупрозрачные были только визуально, а блока с ними не было и ничего не преграждало доступ к ссылкам? Такое возможно или нужно с z-index'ами париться? Сами прозрачные изображения вырезал как png. Как правильно реализовать такое наложение?5df11617cc17b542035611.jpeg5df11620ebc11052784753.jpeg
Делал вот так
position: relative;
  &:before
  {
    position: absolute;
    content: url(../img/leaf1.png);
    left: 0;
    top: 90px;
  }
  • Вопрос задан
  • 786 просмотров
Решения вопроса 1
Aetae
@Aetae Куратор тега JavaScript
Тлен
pointer-events: none
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
apospeliri
@apospeliri
для псевдоэлемента &:before
position: absolute
left, top - задать !
content: ''
background-image: url("../img/leaf1.png")
width, height - обязательно задать !!!
background-position: 50% 50%;
background-size: 100% 100%;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы