0

我在 IE10 上遇到了这个奇怪的问题。我有一张桌子，并且在其中一个单元格中有一个 UI 小部件（jqTree）。现在，这个树视图可以填充大量数据，所以我想修复它在屏幕上占用的大小。我还需要让用户滚动到树视图的任何部分。这在 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 只是隐藏树视图，直到我收到数据。在 IE10 中，当我填充树视图时，如果它完全忽略了它上面的 div 设置的边界，就好像它不存在一样，即使 div 的边框清晰可见。

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

4

2 回答 2

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/

于 2012-07-27T17:08:47.127 回答
0

尝试这个：

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

并在树视图填满后，更改显示属性：

  <div class="HiddenInput" style="display:block;">
于 2012-07-27T12:17:35.027 回答