【发布时间】：2011-07-10 17:53:09
【问题描述】：
我在 IE7 中遇到了一个问题，其中 jQuery UI 可拖动对象在拖动时显示在可放置对象下方而不是顶部。 droppable 也是一个draggable。 该页面在 IE8 和其他浏览器中运行良好。我在 IE7 中尝试了怪癖和标准模式。两人都遇到了这个问题。
droppable 由两个相互叠加的 div 组成，一个使用位置 jQuery 实用函数从另一个移动。可拖动的应显示在两者之上。 可拖动对象的 z-index 设置为非常高的值，以确保它位于页面上的任何内容之上。作为拖动期间的测试，我正在设置和显示 div 在可放置和可拖动中的 z-index，并确认可拖动具有最高的 z-index。
经过一些故障排除后，"position:relative" 似乎是罪魁祸首。当我删除位置功能时，可拖动显示在顶部。但是我需要它来正确定位一些元素，特别是两个相互重叠的 div。
这个问题有解决办法吗？
（我的 html 在这里显示非常复杂。）
**Addition:**
我尝试使用 position:absolute 定位而不是使用 position()。还是不行。
【问题讨论】：
-
请记住，从 IE 4 到 IE 7，z-index 属性无法正常工作。 z-index 是相对于最近定位的父级而不是相对于页面设置的。换句话说：在 IE 7 和更早版本中，每个定位的元素都会生成一个新的堆叠顺序，从 z-index 0 开始。
标签： css jquery-ui internet-explorer-7 internet-explorer-6