css - jQuery UI 可拖动在 IE7 中无法正常工作。适用于 IE8

Question

我在使用 IE7 时遇到问题，在拖动时，jQuery UI 可拖动对象显示在可放置对象的下方，而不是在其上方。 droppable 也是一个 draggable。该页面在 IE8 和其他浏览器中工作正常。我在 IE7 中尝试了怪癖和标准模式。双方都遇到了这个问题。

droppable 由两个相互叠加的 div 组成，一个使用位置 jQuery 实用程序从另一个移动。可拖动应显示在两者之上。draggable 的 z-index 设置为非常高的值，以确保它位于页面上任何内容的顶部。作为拖动过程中的测试，我正在设置并显示可放置和可拖动中 div 的 z-index，并确认可拖动具有最高的 z-index。

经过一些故障排除后，似乎 "position:relative" 是罪魁祸首。当我删除位置功能时，可拖动显示在顶部。但是我需要它来正确定位一些元素，特别是彼此重叠的两个 div。

这个问题有解决方法吗？

(我的 html 非常复杂，无法在此处显示。)

**Addition:**

我尝试使用 position:absolute 定位而不是使用 position()。还是不行。

Answer 1

确保两者的父级也设置为 position:relative，然后您可能需要设置父级的 z-index。