2014-07-23 2 views
5

Я смотрю на этой скрипке: http://jsfiddle.net/kDs2Q/45/Рисование линий За дивами

Есть ли способ, чтобы слой дивы/линии таким образом, чтобы линия будет позади других дивами? Я хочу, чтобы иметь возможность рисовать линию от центра одного 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; 

ответ

1

Используйте z-индексы, дивы должны иметь более высокий Z-индекс, чем 'линия-DIV'.

Дайте ему попробовать, установите DIVS Z-индекс 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;"> 
Смежные вопросы