@Dealaxer

Под прозрачными местами контейнера SVG задействовать ссылки?

Приветствую всех!

Народ, вопрос вот в чем, есть объект SVG на HTML странице, в виде изогнутой волны:
cf7d633c0ad746fcaaa6fb3cb688367d.jpg
контейнер имеет свою длину и ширину(выделено красной линией), объект имеет синий фон и вокруг него прозрачность.
Ниже добавлена ссылка с фоном.
Но ссылка не действует под SVG как не крути.
Если задействовать z-index'ы, то желтый фон будет над синим и ссылка будет работать.
А нужно чтобы желтый фон оставался под синим, а сама ссылка была выше SVG.
Что-то уже мозг поломал как сделать.

Может можно на SVG маску наложить, чтобы прозрачная область была доступна?

Народ у кого какие идеи?

Заранее благодарю!
  • Вопрос задан
  • 373 просмотра
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Пригласить эксперта
Ответы на вопрос 1
@deworkers
Junior front-end, UI designer
Контейнер с фоном под svg (z-index: -1). Ссылку в контейнер без фона над svg (z-index: 10). Но что-то подсказывает что это лютый костыль
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы