首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

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

冰天雪地全身赤裸一丝不挂五体投地跪求解决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的宽度

热点排行