IE9 bug

欢迎来到 jackNEss'窝窝
I like simple mind
  • ie9 scrollbar bug

    2011年10月18日

    当我们制作表单的时候,有时候会遇到数据过长,表单列数过多,需要横向滚动条的需求,我们一般的做法是 给这个表格的外层加一个 scroll_auto 的 div 并设置:

    /*css document*/
    .scroll_auto{ width:100%; overflow:auto;}
    

    套在table的外层

    <!-- html element -->
    <div class="scroll_auto">
    	<table>
    		<tr>
    			<td></td>
    		</tr>
    	</table>
    </div>
    

    如果碰巧 你给这个 table 或者table里面的元素 设置了 :hover 的伪类(最常见的是鼠标移到table中对应的行数,该行高亮) 并在里面写有属性,那恭喜 专属于 ie9 的 bug出现了(经测试,直到ie10预览版第二版,这个bug都还没修复)。

    bug 重现地址:http://www.jackness.org/lab/ie9-scrollbar-bug/ie9-scrollbar-bug.html

    阅读全文…

  • ie9文字bug

    一些在ie9出现之前就已经开发完成的项目中,在ie9下常常会见到一些灵异的事件如下图:

    ie9下:

    其他浏览器:

    这个的产生是由于ie9对 sans-serif 字体的兼容性不好而导致的;

    下面是出现问题的 html代码

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>ie9文字bug</title>
    <style type="text/css">
    *{ margin:0; padding:0;}
    .txtbox{ 
    	display:block; 
    	width:200px; 
    	height:35px; 
    	margin:50px auto; 
    	font:12px/35px sans-serif; 
    	text-align:center; 
    	background:#e5f9ff; 
    	border:1px solid #b8efff;
    }
    </style>
    </head>
    
    <body>
    <div class="txtbox">这里是的博客</div>
    </body>
    </html>
    

    bug触发条件:页面编码为 非 utf-8 并且字体设置了 font-family:sans-serif;
    典型例子:http://www.hltm.cc

    阅读全文…

标签云

分类目录

最新留言

  • 评论加载中...

与我联系

如有疑问or建议可通过以下方式跟我取得联系.

Q Q:373435871
Email:jackness1208@gmail.com
© Copyright 2011 - 2014 jackNEss.org All Rights Reserved 粤ICP备14065612号
首页 | 关于我 | 网站地图 | RSS