2011-03-07 96 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。