在Div后面绘制线条

Question

我在查看这个代码片段：http://jsfiddle.net/kDs2Q/45/

有没有一种方法可以将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;

- Lipee

Answer 1

在你的样式中使用 z-index。

z-index:-1

JSFiddle http://jsfiddle.net/D24uC/

->

JSFiddle http://jsfiddle.net/D24uC/

- Cheruvian

Answer 2

使用z-index属性，DIV需要比“line-div”具有更高的z-index值。

试一试，将DIV的z-index设置为1000或其他数值，查看结果：

http://jsfiddle.net/kDs2Q/884/

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

- Tom