Question

我正在尝试绘制一条线，将某些点连接到任何draggable div。位置的动态计算似乎没问题，但是，当div被拖动时，线条会在某些时刻消失在某些元素后面。此外，在顶部处理时，无法拖动第一个范围中的div s。我想第二个问题与第一个问题的起源相同。

以下是我的代码 JSFiddle

包含SVG的div遵循可拖动的div：

<div class="svgbox">
    <svg  width="100%" height="100%">
        <line id="idline" x1="0" y1="0" x2="0" y2="0" stroke="red"/>
    </svg>
</div>

以下是此div的CSS：

.svgbox {
 position:fixed;
    top:0px;
    left:0px;
}

非常感谢您的帮助：）

晏

Answer 1

尝试使用

.svgbox {
    position:fixed;
    top:0px;
    left:0px;
    z-index: 10;    /* this, to make it always on-top and */
    pointer-events: none; /* this, to passtrough pointer events to underlying elements */
}

https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

jsFiddle

SVG在可拖动的div上排队

1 个答案: