在WEB前端中最头疼的兼容问题，太原WEB工程师分享css hack

在WEB前端中最头疼的兼容问题，太原WEB工程师郭文军分享css hack

css  hack

1、浏览器的类型及版本的不同会造成css效果不尽相同

1、不同厂商的浏览器，比如：IE、Safari、Firefox、chrome、opera等

2、同一厂商的浏览器的不同版本比如：IE6、IE7

2、需要针对不同的浏览器编写不同的css

1、实现浏览器兼容

2、也可以为不同版本的浏览器定制编写不同的css效果

IE6的问题

1、text-align:center    除文字外内容也跟着居中

2、当文字的大小比外框大的时候，还是显示文字的大小，不会溢出

3、margin   padding比其他浏览器的大

4、如果父容器没有加border属性，子容器的margin就会变成父容器的margin-top(在IE中margin失效，在其他浏览器中可以)；给IE6解决的是在父级容器加padding-top就解决了；