Raphaël - SVG поверх HTML

Question

Я делаю проект, который использует элементы HTML в качестве узлов на диаграмме и использует Raphaël для рисования линий между ними.Проблема в том, что строки всегда оказываются под элементами HTML.Я попытался

raphael.canvas.style.zIndex = 1000;

(что больше, чем все мои другие z-индексы), а также безуспешно пытался поместить холст SVG в качестве последнего элемента в DOM.Как сделать так, чтобы эти линии были нарисованы сверху?

Answer 1

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