0

我使用 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：如果有什么不清楚的地方欢迎评论我会为你提供更多信息，如果需要的话）

4

1 回答 1

1

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

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

JavaScript - 有没有办法在内容下绘制 SVG 路径？

于 2013-10-09T08:01:18.173 回答