Question

我正在看这个小提琴： http://jsfiddle.net/kDs2Q/45/

有没有办法以某种方式对div / line进行分层，以使该行位于其他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;

Answer 1

是的，在你的风格中使用z-index。

z-index:-1

JSFiddle http://jsfiddle.net/D24uC/

Answer 2

使用z-indexes，DIV需要比＆＃39; line-div更高的z-index。

尝试一下，将DIVs 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;">

在Divs后面绘制线条

2 个答案: