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

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