当包裹在跨度中时,可拖动对象会隐藏外部内容

发布于 2024-08-29 09:49:53 字数 314 浏览 4 评论 0原文

有一个简单的 CSS 问题

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

所以我的问题如下,如何将图像和浮动范围包裹在上面,并且仍然能够将其拖动到容器之外。

I have a simple CSS problem

In this site http://web.cinaird.se/pdf/test.htm (<--removed) I have a draggable images in the top content, I want a span that float on top of the image and for this I need a span containing the image and a span floating on top. So long no problem but now when i drag the image it hides outside the top content.

so my question is as follows, how can I wrap a image and a floating span above and still be able to drag it outside the container.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

守不住的情 2024-09-05 09:49:54

您需要更改

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',
    });
}

,以便元素的父容器将是主体

you need to change

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

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

to

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

so the element's parent container will be the body

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文