2011-03-07 95 views
4

作品我有IE7一个问题,即jQuery UI的可拖动正显示出可投放下,而不是在它上面拖动时。该droppable也是一个可拖动的。 该页面在IE8和其他浏览器中正常工作。我在IE7中尝试过怪癖和标准模式。两者都遇到这个问题。jQuery UI可拖动在IE7中无法正常工作。在IE8

可投放包括在彼此的顶部的两个div的,一个来自另一个使用位置的jQuery效用函数偏移。可拖动的应该显示在两者之上。 可拖动的z-index设置为非常高的值,以确保它位于页面上的任何位置之上。由于拖我设置,并在投掷的&可拖动显示div的的z-index和确认,可拖动具有最高的z-index的测试过程中。

一些故障排除后,它似乎"position:relative"是罪魁祸首。当我删除位置功能时,可拖动的显示在最上面。不过,我需要它适当地定位一些元素,特别是两个彼此重叠的元素。

是否有针对此问题的解决方法吗?

(我的HTML是相当复杂,在这里显示。)

**Addition:** 

我试图与位置定位:绝对的,而不是使用位置()。仍然没有去。

+0

请记住,通过IE 4到IE 7中的Z-index属性不能正常工作。 z-index是相对于最靠近的定位父亲设置的,而不是相对于该页面。换句话说:在IE 7及更早版本中,每个定位元素都会生成一个以z-index为0开始的新堆栈顺序。 – 2011-03-08 00:32:57

回答

0

确保两者的父母也被设置为position:relative,那么您可能需要设置父母的z-index。