html - 可拖动面板卡在 CSS 设置中

标签 html css asp.net ajaxcontroltoolkit

我正在玩我的第一个 ASP.net/HTML/CSS 应用程序。

我需要可拖动的面板并使用了 Ajax-Control-Toolkit,效果很好,到目前为止我只使用了一个面板!

看起来像这样:enter image description here

现在我想将面板放入其父容器“div”容器中,您可以在背景中看到它们,带有边框(左、上、下)。我已经为子项使用了这些 CSS 设置-面板:

.dragpanel-left {
    top:0px;
    left:0px;

    width: 50%;
    height: 50%;
}

问题是,当我这样使用它时,它会被 element.style{} 覆盖, 我尝试使用 !important 但面板无法调整大小或移动。

知道如何解决这个问题吗?是否有“use !important once”标签之类的东西,以便在构建站点时将面板放置到其父级中,然后可以自由移动?

最佳答案

元素样式在css hierarchy中更高, 意味着你必须在运行时替换它(或者根本不设置它让 css 变得卑鄙)。

考虑使用jsdragstartdragend等事件来操作元素样式

关于html - 可拖动面板卡在 CSS 设置中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46907514/

相关文章:

html - safari - 不同的计算 div 百分比

html - 使两个元素等高,一个带有垂直滚动条

jquery - 如何将icomoon图标保持在中间

javascript - 检测未保存的更改

html - CSS 动画延迟和关键帧

javascript - 如何在 jquery 中向上滑动带有移动效果的容器?

c# - 如何在asp.net中的下拉列表中绑定(bind)数据库中的选定值

asp.net - 做太多事情的网页

html - 如何使元素居中对齐

HTML 电子邮件样式在 Outlook 中不起作用