IE7: CSS & jQuery: 向上拖动，被拖动的项目在上面，向下拖动：被拖动的项目在下面。我如何让两者都处于领先地位？答案

【问题标题】：IE7: CSS & jQuery: dragging up, dragged item is on top, dragging down: dragged item is below. How do I get both to be on top?IE7: CSS & jQuery: 向上拖动，被拖动的项目在上面，向下拖动：被拖动的项目在下面。我如何让两者都处于领先地位？
【发布时间】：2011-07-27 19:31:04
【问题描述】：

这是我的 jsfiddle 代码： http://jsfiddle.net/SMqR9/16/

您会注意到，在 IE7 中，当您向上拖动一个项目时，它在放置之前是可见的。但是，如果您向下拖动一个项目，它的 z-index 会比我们想要拖放该项目的地方低。

有什么想法吗？

【问题讨论】：

brenelz.com/blog/squish-the-internet-explorer-z-index-bug IE 以 z-index 为 0 开始每个嵌套。您必须为要移动的可排序元素的容器更改 Z-Index。虽然似乎找不到有效的实现^^
有趣的想法。我已经尝试了几个包含元素的 teh。还没有运气。 =\

标签： jquery css internet-explorer jquery-ui internet-explorer-7

【解决方案1】：

不知何故，在我的 IE9 中产生的小提琴都不再工作了，甚至那些以前工作的小提琴也不行。由于上次发布的修订版 (26) 适用于 Opera、Chrome 和 FF，以及 IE 和 IE7 的 Comp-Mode，我不得不假设它与我的 IE 或 JSFiddle 相关并且应该可以正常工作。

http://jsfiddle.net/SMqR9/26/

我认为这终于奏效了。

在 MouseDown 时将 .closest('.section') 的 z-index 增加到 5000。在 MouseUp 上将其降低到 1000。

数字是随机选择的，不需要设置那么高。只需确保将其降低到低于其他 z-index 值即可

【讨论】：

等一下，我刚刚意识到一些事情……这对于现代浏览器来说是个问题。 ie9、chrome、ff 等，因此您必须使这部分有条件，并且仅在低于 ie9 时发生
有吗？嗯，我明白了。它粘在鼠标上。