jsPlumb - 连接覆盖标签答案

【问题标题】：jsPlumb - connections are overlaying labelsjsPlumb - 连接覆盖标签
【发布时间】：2013-10-08 10:55:25
【问题描述】：

我使用 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>

（收音机被隐藏，我在标签上绑定端点）当我将一个点与另一个点连接并且连接线穿过标签时 - 它覆盖了标签 - 我注意到一些 z-indexes（我从演示中得出），但是设置更高的 z-index(<svg>connection-line(path) 元素的 z-index: 18，所以我尝试了 z-idex: 50) 的标签根本没有帮助 - 我做错了什么？

（PS：如果有任何不清楚的地方，请随时发表评论，如果需要，我会为您提供更多信息）

【问题讨论】：

标签： javascript jquery css svg jsplumb

【解决方案1】：

所以我做了一些挖掘 - 发现 - 首先，z-index 似乎只有在元素处于相同“语言范围”时才会影响元素 - 例如HTML z-index X SVG z-index , BUT 然后有人评论了答案（下面的链接）不给svg加文字就可以搞定...所以最后的结论好像是jsPlumb代码中设置的z-index不能正常工作...

非常感谢 put-text-to-svg 提示属于 @TaronPro 以回答我更一般的问题，并感谢 @BigBadaboom 评论它可以同时使用 HTML 和 SVG 完成的事实：

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

【讨论】：