背景
最近作的一个项目中,对ie8兼容有需求,所以在项目大体完成后,又在ie8的兼容性方面进行了一些改进。 项目前端使用的是百度san框架,工具备bootstrap。css
具体问题与解决
- Q1: bootstrap样式不显示
- A1:在网页头中添加两个js文件:respond.min.js & html5shiv.js,下载地址不少,添加以后就能够正常显示bootstrap的全部样式了
- Q2:使用san框架时,同时使用了san-router插件,但ie8环境中报错
- A2:ie8不识别router,所以弃用了san-router,在使用其余框架时,需注意这点
- Q3: css3的一些特有的属性,ie8不可以识别或使用,例如calc()计算、background-size、nth-child()等
- A3: ie8只能使用css原有的,对于calc()计算问题,只能在js程序中进行计算;对于background-size问题,网上给出解决方法,但本人使用后,不能彻底解决,因而就不使用;对于nth-child()问题,使用的其余选择方式,如:
- 0:li:first-child
- 1: li:first-child + li
- 2: li:first-child + li + li
- Q4: bootstraptable 列表样式class不可添加
- A4: 用其余方法添加样式
- Q5: 请求返回的数据中,关键字出现问题,如new, continue等
- A5: 避免关键字,不用.new,.continue,用["new"],["continue"]来选择
- Q6: bootstrap中的form标签,自动会添加动做
- A6: 使用div标签代替