(一)CSS hack
不同厂商的浏览器或同一厂商的浏览器的不同版本,对CSS的解析认识不完全一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
CSS hack就是针对不同的浏览器去写不同的CSS,让它能在不同的浏览器中也能得到我们想要的页面效果。
(二)浏览器兼容的思路
1.产品的角度思考,该产品面对的受众群体,他们使用哪种类型的浏览器多点,重点是页面的效果还是网站基本功能的搭建
2.该产品做到什么程度,需要让哪些浏览器支持哪些效果
3.根据兼容需求选择对应的技术框架/库(jquery),根据兼容需求选择兼容工具,再利用条件注释、css hack、js能力检测做些修补
4.渐进增强和优雅降级的选择
(三)浏览器兼容的写法
- CSS属性前缀法
.box{ color: red; -color:blue;/*ie6*/ *color:pink;/*ie67*/ color:yellow\9;/*ie/edge 6-8*/ }
- IE条件注释法