来源： http://www.brunildo.org/test/va_lineheight.html

来源：http://www.brunildo.org/test/inline-block.html

 

IE下操作innerHTML，向里面插入的内容包含有<style>标签的，style标签不会被解析，可以通过内联或者外联样式去解决。

------ 来自团队的总结

 

IE6、7下button和type为submit的input的默认padding无法去掉，需要加overflow:visible才能消除。

-------来自团队总结

同事:渔隐同学的总结，非常不错 

Embed标签src重载

http://blog.silentash.com/2010/05/embed-tag-src-reload/

 

 IE6 条件注释引起 IE8 下载阻塞

http://www.phpied.com/conditional-comments-block-downloads/

 

 在使用百分比定义宽高的时候，需要注意小数值的问题，取值都是四舍五入，IE6、IE7、Chrome、Safari的所有模式以及IE8的怪异模式下，百分比计算是基于其包含块的实际使用值来计算的，而Firefox的所有模式以及IE8的标准模式下百分比的计算是根据其包含块的计算值来计算的，也就是说，加入父级使用了百分比80%，子元素使用了百分比60%，那么前者的计算应该是父级取得实际使用值后再乘以60%再四舍五入得到子元素的实际使用值，而后者是80%*60%，最后四舍五入取的子元素的实际使用值。

------------来自团队的总结

 原文：http://knb.im/css3/

说明：本页面用于测试各个浏览器对CSS3的解释效果，左边的“图像”并非图片，而是纯CSS。目前各个浏览器对CSS3的支持效果不一样，其中IE系的浏览器支持效果最差。

副作用：你可以对照左右的“图片”来判断你使用的是什么浏览器。

---

• 效果最好的是Webkit系浏览器，包括Safari (4.05)和Chrome (5.0)等，看到的效果如下截图，而且眼睛还能动：



• 效果在其次的是Firefox (3.6)，效果和Safari的一样，但眼睛不能动。



• 在Opera (10.53) 里，图像没有了渐进层：



• 在iPhone OS 3.1的Safari里：



• 在IE9测试版里：



• 在IE8里：



• 在IE7里：



• 在IE6里：

本页面左侧的源代码来自这里，由于已经被墙，所以本人自建了这个页面。

 如果text-decoration属性指定给一个块级元素，它会影响该元素的所有行间级后代。如果它指定给（或影响）一个行内元素，它会影响该元素产生的所有框。text-decoration的underline、overline及line-through仅作用于文本。如果该元素没有内容或没有文本内容（例如HTML中的IMG元素），UA必须忽略该属性。IE与Opera在两种文档模式下均不会将text-decoration作用于IMG元素上，而Firefox、Chrome和Safari在混杂模式下与IE中一致，但是在标准模式下却打破W3C的规范在IMG元素上可以应用该样式。

-------来自团队的总结