辅助克隆的z-index问题

Question

这是我的代码（请参阅http://jsfiddle.net/VCfSc/1/）：

$('.first').draggable({
    cancel: null,
    helper: 'clone'
});

$('.second').droppable({
    over: function(event, ui) {
        $(this).css('z-index', 1);
        ui.helper.css('z-index', 0);
    }
});

我正在尝试让帮助器克隆在下放置 droppable元素。我做错了什么？

Answer 1

当您拖动.first元素时，生成的可拖动元素将在.second元素之后添加绝对和。绝对定位的元素具有更高的优先级。要解决此问题，请使用ui.helper.css('z-index', "-1");代替ui.helper.css('z-index', 0);。