冰天雪地全身赤裸一丝不挂五体投地跪求解决ie9的有关问题-HTML教程-爱易网页

冰天雪地全身赤裸一丝不挂五体投地跪求解决ie9的有关问题

日期：2014-05-17　浏览次数：20884 次

冰天雪地全身赤裸一丝不挂五体投地跪求解决ie9的问题
遇到个ie9兼容性问题，恳求大鸟和达人指教一下

div会被自动撑开，现在需求是要div横向滚动，但hover或点checkbox时会被撑开，ie9标准模式下

HTML code



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
div {
    border:1px solid red;
    overflow:auto;
    zoom:0;
}
tabel {
    width:100%;
}
tr:hover {
    background:#ddd;
}
td {
    height:25px;
    border:1px solid #ddd;
    white-space:nowrap;
}
</style>
</head>
<body>
<div>
  <table>
      <tr>
        <td><input type="checkbox" /></td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
      </tr>
      <tr>
        <td><input type="checkbox" /></td>
        <td>werqwer</td>
        <td>wer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
      </tr>
      <tr>
        <td><input type="checkbox" /></td>
        <td>werqwer</td>
        <td>wer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
        <td>werwqer</td>
        <td>qwerqwrwqerqwerqwerqwerqwerqwerqwerqwrqwerqwer</td>
        <td>qwerqwer</td>
      </tr>
  </table>
</div>
</body>
</html>

------解决方案--------------------

探讨

overflow:auto;去掉。。

------解决方案--------------------
真心帮不了你，
在FF上是正常的。
别外提下 overflow-X,overflow-Y,overflow..
如果只要横向滚动，建议用 overflow-X.
------解决方案--------------------
网上找的解决方案

ie9 scrollbar中hover 高度增高的bug
http://www.cnblogs.com/NetSos/archive/2011/11/04/2235750.html

建议采用JS+CSS做效果，兼容性更好，IE6只支持a:hover
------解决方案--------------------
固定div的宽度

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

冰天雪地全身赤裸一丝不挂五体投地跪求解决ie9的有关问题

相关资料更多>

推荐阅读更多>