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中，这些元素的高度被合并到选项卡视图中，因此尽管有任何元素样式，但其他元素的大小调整不正确。

将这些元素移动到标签容器的外部可解决此问题。