Как поместить один блок под другой?

258

14 апреля 2022, 14:40

Появилась задача - поместить SVG блок под блок описания, но так, чтобы он оказался ПОД блоком описания. Вот что у меня вышло:

Но в тексте описания есть ссылка, по которой теперь нельзя перейти, потому что блок SVG перекрывает описание:

Я достиг этого результата с помощью отрицательного margin, но в итоге блок SVG выше блока описания, что не дает нажать на ссылку. Как поместить блок SVG под блок описания? Спасибо! (z-index не работает!!!)

Answer 1

Если SVG-блок прозрачный и не интерактивный, то есть не имеет элементов управления (кнопки, ссылки и т.п.), тогда самое простое и надёжное решение добавить в CSS следующее: