z-index對兩個div之間的拖放效果的影響

我有兩個容器div，並希望在它們之間拖放元素。我可以將元素從第二個容器拖放到第一個容器，而不是其他方法。問題在於第一個容器的元素似乎比第二個容器具有更低的z-index。當我拖動它們時，它們會滑入第二個容器中。我必須做些什麼才能讓所有元素處於頂端並可拖放到任何可拖放的容器？這是顯示問題的小提琴。z-index對兩個div之間的拖放效果的影響

http://jsfiddle.net/vfAgd/12/

如果從容器1拖動的元素容器2中，它會在容器2.如果拖動從容器2你可以將它拖到容器1.這是因爲容器2的元素被添加到容器1後的文檔中。

來源

2011-09-22 user823527

在eitehr chrome，firefox 6或ie9中，你的小提琴沒有z-index問題 - 瀏覽器給你帶來麻煩的是什麼？ –

@MartinJespersen這發生在ie9上。 – user823527

以及ie9在我的機器上，它的工作原理很好... –

要解決這個問題，我不得不刪除容器的z-index。

.comdiv { 
    padding: 0; 
    margin-top: 20px; 
    margin-left: 20px; 
    border: 1px solid DarkKhaki; 
    border-radius: 3px 3px 0px 0px; 
    box-shadow: inset 0px 0px 10px DarkKhaki; 
    /* z-index: 26; */ 
}

http://jsfiddle.net/vfAgd/17/。

來源

2011-10-20 01:18:48 user823527

有一個類名，jQuery UI draggable添加到正在拖動的元素。拖動完成後，該類將被刪除。這個班級名爲ui-draggable-dragging。如果您向ui-draggable-dragging類添加高Z指數，您的問題將得到解決。它應該解決你的問題。看起來你的代碼有bug。調試它並添加這個CSS。它會工作。

.ui-draggable-dragging{z-index:9999;}

來源

2011-09-22 23:06:26 Mohsen

在可拖動UI的CSS樣式中設置z-index不能解決問題。 – user823527

z-index對兩個div之間的拖放效果的影響

回答

相關問題