Как поместить один блок под другой?
Появилась задача - поместить SVG блок под блок описания, но так, чтобы он оказался ПОД блоком описания. Вот что у меня вышло:
Но в тексте описания есть ссылка, по которой теперь нельзя перейти, потому что блок SVG перекрывает описание:
Я достиг этого результата с помощью отрицательного margin, но в итоге блок SVG выше блока описания, что не дает нажать на ссылку. Как поместить блок SVG под блок описания? Спасибо! (z-index не работает!!!)
Ответы (1 шт):
Автор решения: UModeL
→ Ссылка
Если SVG-блок прозрачный и не интерактивный, то есть не имеет элементов управления (кнопки, ссылки и т.п.), тогда самое простое и надёжное решение добавить в CSS следующее:
svg {
pointer-events: none;
}
При этом SVG-блок будет "прозрачен" для нажатий мыши, а следовательно будет доступ к нужной Вам ссылке и прочим элементам.