IE10懸停菜單顯示

昨天剛剛將我的IE升級到Windows 7上的版本10，並遇到懸停菜單問題。IE10懸停菜單顯示

似乎在我嘗試過的其他瀏覽器（包括以前版本的IE）上工作正常，但在IE10上，彈出式表格菜單丟失了背景和邊框。起初在頁面加載時沒問題，但是在移動項目時會丟失表格背景顏色和邊框（出於某種原因，表格變爲0寬度）。

下面是一些示例代碼：

<!DOCTYPE html> 
<html> 
    <head> 
     <title>IE 10 Menu Test Page</title> 
    </head> 
    <style> 
     li { 
      background-color: #cccccc; 
      list-style: none; 
      position: relative; 
      width: 80px; 
     } 
     li table { 
      background-color: #cccccc; 
      border: 1px solid #999999; 
      display: none; 
      left: 75px; 
      position: absolute; 
      top: 0; 
      z-index: 1000; 
     } 
     li:hover table { 
      display: block; 
     } 
    </style> 
    <body> 
     <ul> 
      <li>Fish 
       <table> 
        <tbody> 
         <tr><td>Cod</td></tr> 
         <tr><td>Salmon</td></tr> 
        </tbody> 
       </table> 
      </li> 
      <li>Fruits 
       <table> 
        <tbody> 
         <tr><td>Apple</td></tr> 
         <tr><td>Orange</td></tr> 
        </tbody> 
       </table> 
      </li> 
      <li>Grains 
       <table> 
        <tbody> 
         <tr><td>Rice</td></tr> 
         <tr><td>Wheat</td></tr> 
        </tbody> 
       </table> 
      </li> 
      <li>Meat 
       <table> 
        <tbody> 
         <tr><td>Beef</td></tr> 
         <tr><td>Chicken</td></tr> 
        </tbody> 
       </table> 
      </li> 
      <li>Vegetables 
       <table> 
        <tbody> 
         <tr><td>Carrot</td></tr> 
         <tr><td>Tomato</td></tr> 
        </tbody> 
       </table> 
      </li> 
     </ul> 
    </body> 
</html>

IE版本：10.0.9200.16521

感謝您的幫助！

編輯：添加例子的jsfiddle以上這裏的人可以試試：http://jsfiddle.net/3Babs/

*編輯2：從不同的瀏覽器增加了屏幕顯示圖像進行比較：

鉻（25.0。 1364.172）

火狐（19.0.2）
IE10（10.0.9200.16521）
歌劇院（11.64）

來源

2013-03-14 rjc730

這應該按預期工作：http://jsfiddle.net/ESd8y/1/

從表中刪除的背景顏色，並添加它改爲tr。你會看到，由於邊界在表中沒有倒塌的差距，所以你要崩潰他們：

li table { 
     border-collapse: collapse; 
     /* other styles here, except background-color */ 
    } 
li table tr { 
    background-color: #cccccc; 
}

一旦你做出這些變化預計它應該工作。

來源

2013-05-16 21:35:21

IE10懸停菜單顯示

回答

相關問題