jsPlumb - соединения накладывания этикетки

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> 

(Radio скрыта, я связываю ENDPOINT на этикетке) Когда я соединяю одну точку с другой, и линия соединения пересекает метку - она ​​накладывает ярлык - я заметил некоторые z-индексы (я это сделал из демонстрации), но установил гораздо более высокий индекс z (<svg>) path) имеет z-индекс: 18, поэтому я пробовал о z-idex: 50) для метки не помогает вообще - что я делаю неправильно?

(PS: Если есть что-то непонятно, не стесняйтесь комментировать я предоставить вам больше информации, если это необходимо)

Answer 1

Так что я сделал немного копания - выяснить, - во-первых, казалось, что г-индекс влияет элементов, только если они находятся в одном и том же «языковом пространстве» - например HTML г-индексXSVG г-индекс, НО тогда один человек прокомментировали ответ (ссылка ниже), что это может быть сделано без добавления текста в SVG ... Таким образом, окончательный вывод, как представляется, что z-индекс, установленный в jsPlumb-коде, не работает должным образом ...

Большое спасибо за сообщение put-text-to-svg принадлежит @TaronPro для ответа на мой более общий вопрос и @BigBadaboom для комментирования факта это можно сделать с помощью HTML & SVG одновременно:

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