2013-08-23 67 views
10

我創建了一個彈出的sideBar。在那邊我有一個包含div的手風琴。這些div是可拖動的。用戶可以拖動這些div並將其定位在主頁面上。手風琴可拖動的div div 012s

我遇到的問題是,當div被拖動時,它們在手風琴外不可見。這可以在This視頻中看到。

我可以看到它是將溢出設置爲隱藏,但是當我刪除這個手風琴內容時,它應該被隱藏。

overflow: hidden; 

JSFiddle進一步顯示我的問題。

我怎麼可能解決這個問題/有什麼可能的方法來解決它。

回答

3

嘗試添加該到你的CSS

.accordion-heading + div.accordion-body { 
    position: static; 
} 

這是你在找什麼?更新小提琴http://jsfiddle.net/gNAFY/3/ 如果這解決了你的問題,似乎在bootstrap.css文件中,在第5245行,「position:relative」規則使得你的div不會出現在手風琴之外。所以你需要「重置」靜態位置。 對於「el + el」css選擇器在IE8及更早版本中工作,請不要忘記<!DOCTYPE>。

+0

非常感謝。現在效果很好。 – Will

+0

「靜態」 正常行爲。頂部,右側,底部和左側屬性不適用。 來自文檔。再次感謝 – Will

+0

很高興幫助:) –