Internet Explorer 10忽略CSS'溢出：自動'風格

我有這個奇怪的問題瓦特/ IE10。我有一個表格，並且在其中一個單元格中有一個UI小部件（jqTree）。現在，這個樹視圖可以填充大量的數據，所以我想要修復它在屏幕上佔用的大小。我也需要讓用戶滾動到樹視圖的任何部分。這在Chrome瀏覽器上效果很好，但在IE 10上完全不起作用。Internet Explorer 10忽略CSS'溢出：自動'風格

<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設置的邊界，就好像它不在那裏一樣，即使div的邊界清晰可見。

我在某處閱讀IE需要一個DOCTYPE標籤，但沒有解決這個問題。

來源

2012-07-27 mamidon

IE開發者工具報告的渲染模式是什麼？ IE7怪癖模式或標準模式？ – Dai 2012-07-27 01:11:59

所有現代網頁都需要使用文檔類型，並且應該是您放在任何頁面上的第一件事。 – Rob 2012-07-27 02:08:36

試試這個：

<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-27 12:17:35 speti43

沒有改變任何東西，和以前一樣。謝謝 – mamidon 2012-07-27 16:44:47

所以我想通了。 IE10默認在IE7標準模式下呈現我的頁面。轉移到IE8/9/10解決了這個問題。

所以，如果你想確保你的頁面是最新版本的IE瀏覽器（或特定版本）的渲染嘗試使用：

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

來源

2012-07-27 17:08:47 mamidon

對於IE10，使用適當的doctype呈現這個元標記是不必要的。只有當你瞄準IE8/IE9的兼容性並且在觸發IE7兼容模式的頁面/本地設置中有其他的好處時纔有必要。 – 2014-09-09 07:10:59

Internet Explorer 10忽略CSS'溢出：自動'風格

回答

相關問題