JQuery UI選項卡 - 用於IE9的CSS樣式

Question

我希望css大師能夠幫助我縮小與JQuery UI選項卡的IE呈現相關的可能問題。在Firefox和Chrome，我的標籤渲染像這樣：在Internet Explorer 9

渲染失敗很糟糕：

地圖和現場標籤不再調整大小以適應父容器放在屏幕左側，選項卡標題適合父容器的整個寬度。此外，許多JQuery UI事件不再觸發，例如當我單擊窗格內的按鈕時。我沒有收到來自IE開發者控制檯的任何錯誤消息，所以我有點失落，爲什麼這是失敗。

Answer 1

發現問題。在我的jQuery UI選項卡中嵌套了幾個隱藏在加載中的jQuery UI對話框。當它們在Chrome和Firefox中加載時，它們的尺寸將被忽略，並且jQuery UI會正確渲染包含的其他元素。在Internet Explorer 9.0.8112.16421中，這些元素的高度被合併到選項卡視圖中，因此儘管有任何元素樣式，但其他元素的大小調整不正確。

將這些元素移動到標籤容器的外部可解決此問題。