Raphaël - SVG em cima do HTML

Question

Estou fazendo um projeto que usa elementos HTML como nós em um diagrama e usa Raphaël desenhar linhas entre eles. O problema é que as linhas sempre acabam embaixo dos elementos HTML. eu tentei

raphael.canvas.style.zIndex = 1000;

(que é maior que todos os meus outros Z-Indexes) e também tentou colocar a tela SVG como o último elemento no DOM sem sorte. Como posso fazer com que essas linhas sejam desenhadas no topo?

Answer 1

Você garantiu que seu elemento SVG e seu elemento contendo estejam relativamente ou absolutamente posicionados? z-index se aplica apenas a elementos posicionados, não a elementos que têm static (o posicionamento padrão, no fluxo).