之前写了关于
兼容IE6 IE7 Firefox的CSS hack的方法,现在说下 CSS浏览器兼容问题,针对现在主流的IE6 IE7 Firefox 一一说一下:
1.DOCTYPE 影响 CSS 处理,我就在这个地方栽过跟头,css明明没有错,就是显示乱七八糟的,由于没人可请教,以至于很长一段时间后才知道这个原因。
2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行。
3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中。
4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width。
5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式,值得注意的是,一定要将xxxx !important 这句放置在另一句之上。
6.div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行。
7.cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以。
More...