1.          背景图片的垂直居中，padding属性为背景图片预留空间。<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />

 

2.          IE会把与浮动方向相同的那一侧的margin双倍处理。可以为浮动对象增加一条规则display:inline;就可以正确显示，这条规则对其它浏览器并没有副作用。

3.          IE7 中，底边距 bug是当浮动父元素有浮动子元素时，这些子元素的底边距会被父元素忽略掉；

4.          3像素间距是指挨着浮动元素的文本会神奇的被踢出去3像素，好像浮动元素的周围有一个奇怪的力场一样；

5.          解决IE6下PNG图片的透明度问题。原理是遍历所有的图片元素，找到后缀为.png的图片，将它们改成span标签，设置为display:inline-block的类型（或触发haslayout使其变为行内块元素），长宽和原PNG图片一样，然后配上IE专有的滤镜：progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’’,sizingMethod=’crop’)，实现PNG图片的透明效果。当PNG图片作为背景图片插入时原理相同。不足是当PNG图片以背景形式插入时，它可能有background-position和background=repeat属性，而滤镜是不支持这两个属性的。