javascript - Internet Explorer 10 忽略 CSS 'overflow:auto' 样式

Question

我在 IE10 上遇到了这个奇怪的问题。我有一张 table ，其中一个单元格中有一个 UI 小部件 (jqTree)。现在，这个 TreeView 可以填满大量数据，所以我想修复它在屏幕上占用的大小。我还需要让用户滚动到 TreeView 的任何部分。这在 Chrome 上效果很好，但在 IE 10 上就完全不行了。

    <td style="vertical-align:top">
        <div class="HiddenInput" style="visibility:hidden">
            <div style="overflow:auto; width:350px; height:750px; border-style:solid">
                <div id="TreeView"></div>
            </div>
        </div>
    </td>

最外面的 div 只是为了隐藏 TreeView ，直到我收到数据。在 IE10 中，当我填充 TreeView 时，如果它完全忽略其正上方的 div 设置的边界，就好像它不存在一样，即使 div 的边界清晰可见。

我在某处读到 IE 需要 DOCTYPE 标签，但这并没有解决这个问题。

Answer 1

所以我想通了。 IE10 默认以 IE7 标准模式呈现我的页面。移至 IE8/9/10 可解决此问题。

因此，如果您想确保您的页面在最新版本的 IE(或特定版本)中呈现，请尝试使用:

<meta http-equiv="X-UA-Compatible" content="IE=edge" >

有关此元标记的更多详细信息:

http://www.nczonline.net/blog/2010/01/19/internet-explorer-8-document-and-browser-modes/