Question

我使用jsPlumb - jQuery插件连接两个点 - 但连接线覆盖标签

HTML

<input type="radio" id='moznost-1' name="odpoved">
<label for="moznost-1" class="odpoved-label">
   <span class="radio-moznost">radost</span>
</label>

（无线电是隐藏的，我在标签上绑定了endPoint）当我将一个点连接到另一个点并且连接线穿过标签时 - 它覆盖了标签 - 我注意到了一些z索引（我从演示中推导出来），但是设置一个更高的z-index（<svg>连接线（路径）元素有z-index：18，所以我尝试了z-idex：50）因为标签根本没有帮助 - 我做错了什么？

（PS：如果有任何不清楚的评论，我会在必要时为您提供更多信息）

Answer 1

所以我做了一些挖掘 - 找出 - 首先，似乎z-index仅在它们处于相同的“语言范围”时影响元素 - 例如 HTML z-index X SVG z-index ，但是然后一个人对答案发表了评论（链接如下）它可以在不向svg添加文本的情况下完成...所以最终的结论似乎是jsPlumb代码中的z-index设置无法正常工作......

非常感谢put-text-to-svg提示属于@TaronPro以回答我的更一般性问题，并感谢@BigBadaboom评论可以使用HTML＆amp; SVG同时：

JavaScript - Is there a way how to draw SVG path UNDER the content?

jsPlumb - 连接覆盖标签

1 个答案: