Свойство css z-index не работает даже на divs с позицией

Question

Я пытаюсь сделать перетаскиваемый div видимым поверх всего остального, перетаскивая его.

Вот мой JQuery код сенсорного удара:

$('#draggable').draggable({ 
    zIndex: 99999999999, 
    drag: function(event){...}, 
    helper: 'clone', 
    position: 'absolute', 
    owerflow: 'hidden' 
}) 

Я знаю, что г-индекс работает только на элементах с позицией, поэтому я добавил position:relative в другие дивы, а также. Но он работает только тогда, когда я нахожусь в родительском div элемента draggable. Я использую огромный файл css с большим количеством классов, поэтому я не могу скопировать соответствующую его часть.

Answer 1

Вам не нужна позиция ani в css, просто создайте пользовательскую функцию для помощника, где вы добавите фактически перетаскиваемый элемент в внешний элемент, который также содержит ваш элемент drop.

$('#draggable').draggable({ 
    zIndex: 20, 
    drag: function(event){...}, 
    helper: function(){ 
    $("#outerElement").append($("#draggable").clone().attr('id', 'itWorks')) 
    return $("#itWorks"); 
    }, 
})