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

将这些元素移出选项卡容器可以解决问题。