当包含在span中时，可拖动对象隐藏在内容之外

Question

我有一个简单的CSS问题

在这个网站 http://web.cinaird.se/pdf/test.htm （＆lt; - removed）我在顶部内容中有一个可拖动的图像，我想要一个漂浮在图像顶部的跨度为此我需要一个包含图像的跨度和一个漂浮在顶部的跨度。这么久没有问题，但现在当我拖动图像时，它隐藏在顶部内容之外。

所以我的问题如下，如何将图像和浮动跨度包裹在上面，并且仍然可以将其拖到容器外。

Answer 1

你需要改变

function setDraggable(){
    $("#topContent img").draggable({
        opacity: 0.7,

        revert: 'invalid',
        helper: 'clone',
    });
}

到

function setDraggable(){
    $("#topContent img").draggable({
        opacity: 0.7,
        appendTo: 'body',
        revert: 'invalid',
        helper: 'clone',
    });
}

所以元素的父容器将是正文