Javascript 在div后面画线

我看着这把小提琴：

是否有办法将div/行分层，使该行位于其他div的后面？我希望能够从一个div的中心到另一个div的中心画一条线，但看不到这条线穿过实际的方框

这就是我如何从一个中心到另一个中心：

var off1 = getOffset(div1);
var off2 = getOffset(div2);
var x1 = off1.left + off1.width/2;
var y1 = off1.top + off1.height/2;
var x2 = off2.left + off1.width/2;
var y2 = off2.top + off1.height/2;

---

是，在您的样式中使用z索引

z-index:-1

---

jsidle

使用z索引，div需要比“line div”具有更高的z索引

尝试一下，将DIVs z-index设置为1000或其他值，然后查看结果：

<div id="div1" style="position:absolute; z-index:1000; background-color:blue; width:100px; height: 200px;top: 200px; left: 100px;">