时隔多年,公司项目还有需要支持ie7的, 以前没记录,暂时还是记下来,留意备用

1. 1、ie 7 css 不能用 box-sizing , 为了书写兼容,建议reset.css 设置  *{padding:0;margin:0;box-sizing: content-box;}

2. 2、ie7  不能使用  rgba(), 请用透明的png背景色图片代替

3. 3、ie8 不能通过filter 来设置透明, 请用透明的png背景色图片代替

4. 4、ie7, ie8 不支持placeholder, 请自己写个标签代替，然后用js绑定事件监听， 有值就隐藏该标签， 无值就显示该标签

5. 5、ie7  js 对象最后一个属性绝对不要加逗号,否则报错

6. 6、css 写法需要注意 font: 14px/ 30px "Microsoft Yahei";  这种不认识行高,  需要注意空格, font: 14px/30px "Microsoft Yahei"; 这才是正确的

7. 7、ie7 使用li 会比其他浏览器多出一些间距,所以应该先将li 写上  display:inline, 再浮动,让其变成块级元素

8. 8、ie7 li 使用了相对定位, 父级没有相对定位,但是写了高和overflow:hidden,  在ie7下li超出将还是显示, 需要父级也写相对定位

9. 9、ie7 给div写margin-bottom:10px , 浮动元素最后一个父级将不算margin, 所以布局间距最好用padding

   

10. 10、ie7  伪类 after 支持不好，不要将其当着元素使用， 使用真实的标签元素代替， ie8 及以上的浏览器支持就好了
    

« 上一篇： 正则=>JavaScript 正则表达式迷你书

针对可视化大屏在不同屏幕的缩放 ：下一篇 »