2013-10-08 202 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?