肉包子的摇滚生活

先上图： 第一张为FF3，第二张为IE6，第三张为IE7，第四张为IE8. FF3跟IE8下正常的效果，在IE6,7下却如此怪异，艹。 ————- 似乎这样的问题很经常发生，这次要寻根究底找出问题原因跟解决的办法来。 IE6下默认的字体尺寸大致在 12 – 14px 之间，当你试图定义一个高度小于这个默认值的 div 的时候， IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度，实际在 IE 下显示的仍然是一个 12 px 左右高度的层。 要解决这个问题，可以强制定义该 div 的字体尺寸，或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style=”height: 6px; font: 0px Arial;”></div> 或者 <div style=”height: 6px; overflow: hidden;”></div> 都可以阻止 IE 的自作聪明。 该问题在 IE7 / Firefox /Opera 下均不存在。

就在日前，google应该说是迫不及待的宣布了chromeFrame的发布，从目前chromeFrame的官方网站上可以知道，目前cf还不是稳定版本，甚至beta版本都不算。不过不管怎么说，可以用了。可见google是多么迫不及待的想戏谑下可怜的微软啊，哈哈，微软自然相当不爽，最近口水战爆发了不少，不过微软的辩白显然很无力，自家浏览器被人强X，滋味肯定不好受，哎~杯具啊~~

前段时间在整理fckeditor的一个相关项目时候发现，编辑器里的iframe在第一次加载的显示不出来，显示空白，但是很奇怪的，刷新就可以正常显示了。一开始以为这只是IE6下iframe加载的bug，但是最后结果发现这是IE6下Javascript延迟加载的bug。

html的标签个数不多，大概90多个，去掉一些非标准的以及不推荐的标签，例如b,i之类的，大概剩50，60个。通常做开发的时候，用在界面上的，都是p,div,span,table,h1-h4，加上表单元素的form,input,select,textarea。除了这些之外，有些比较少用的标签往往都被忽略了，关键时候，这些标签跟属性比你绞尽脑汁去想办法解决好得多。这里一些有用的标签跟属性列举一番。以下按字母顺序介绍,后面都附带w3school提供的测试使用地址。

CSS跟JavaScript开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css在各种浏览器下的兼容性报告，以及浏览器的渲染bug，也期待各位不断补充。

CSS跟JavaScript开发中，最令大家头疼的问题就是浏览器兼容性了，虽然很多文章有这方面的文章，但依然让很多开发人员晕头转向，而且也不够全面。这篇文章，将全面收集css和javascript在各种浏览器下的兼容性报告，也期待各位不断补充。 由于发觉内容收集越来越多，决定将CSS跟JavaScript分开。