0

IE10でこの奇妙な問題が発生しました。テーブルがあり、セルの1つにUIウィジェット(jqTree)があります。さて、このツリービューは大量のデータでいっぱいになる可能性があるので、画面上で占めるサイズを修正したいと思いました。また、ユーザーがツリービューの任意の部分にスクロールできるようにする必要があります。これはChromeではうまく機能しますが、IE10ではまったく機能しません。

    <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 に答える