CSS的常见兼容性设置

  1. 注意清楚 HTML 的文档类型。
  2. margin 和 padding 2个属性在浏览器里的解析可谓是千奇百怪,那怎么办,我们使用还原法,就是在一开始就将所有标签的 这2个属性的值设置为0。
  3. margin 和 padding 综合属性后面的解释:4个参数为“ 上-右-下-左”,3个参数为 “上-左右-下”,2个为 “上下-左右”。
  4. 有的浏览器设置 padding 后, 盒子的 height 和 width 会增加,而有些不会增加,在这儿我们不应该去想哪些增加哪些不增加,最好的解决方法应该是在外面设置一个固定的盒子,而在内部新建一个子盒子设置padding属性。
  5. !important 属性,以前所IE不支持,事实上很有争议,不建议使用。
  6. cursor: pointer 可以同时在 IE Firefox 中显示游标手指状, hand 仅 IE 可以。
  7. display: block,将元素撑开成盒子状。最基本的额,a 标签可以设置宽度,但是高度上无效的,但是加上这个属性就有效了。
  8. lists-tyle 属性浏览器表现不兼容,兼容做法为 设置 list-style:none; 将list style image 做成图片,设置在 <li> 的背景里。
  9. 半透明滤镜可以用,在 IE 里的用法是 filter:alpha(opacity=70);(70%透明),其他浏览器为 opacity: 0.7;。
  10. 清除浮动 <div style=”clear:both;”></div>,当父层不能撑开时候,在最后加入这段代码。
  11. ie6 里有时候会出现边框断裂,在断裂的层里加入 zoom:1;属性。

IE6,IE7,IE8和 firefox浏览器css hack