2013-10-08 148 views
0

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

HTML

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

(Radio是隐藏的,我绑定的端点标签)当我连接一个点与另一个连接线越过标签 - 它覆盖标签 - 我注意到一些Z-索引(我从演示推导出来),但设置更高的Z-索引(<svg>连接线(路径)元素有z-index:18,所以我尝试了z-idex:50)对标签没有任何帮助 - 我做错了什么?

(PS:如果有什么不清楚的地方随意评论如果需要的话,我会为您提供更多信息)

回答

1

所以我做了一点挖掘的 - 找出 - 首先,它似乎z-index的影响只有当它们处于相同的“语言范围”时才是元素 - 例如HTML的z-indexXSVG的z-index然后一个人的答案(下面的链接),它可以在不添加文本到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?