CSS Hack解决浏览器兼容性问题

网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。

一般情况下，我都会兼顾IE 6.0 / IE 7.0 / firefox 2.0浏览器，下面是用的较频繁的CSS Hack技巧：

1、用的最广莫过于!important了， 它可以针对IE（IE 7.0能正确理解!important）和非IE浏览器设置不同的样式，只要在非IE浏览器样式的后面加上!important，就可以针对其优先了。所以为了兼顾IE 6.0与火狐之间的差异，我都会使用!important。

2、* html {…} 需要只针对IE7做样式的时候就可以采用这个HACK。

3、IE的if条件Hack

<!--[if IE]> Only IE <![endif]--> 所有的IE可识别

<!--[if IE 5.0]> Only IE 5.0 <![endif]--> 只有IE5.0可以识别

<!--[if gt IE 5.0]> Only IE 5.0 <![endif]--> IE5.0包换IE5.5都可以识别

<!--[if lt IE 6]> Only IE 6- <![endif]--> 仅IE6可识别

<!--[if gte IE 6]> Only IE 6/ <![endif]--> IE6以及IE6以下的IE5.x都可识别

<!--[if lte IE 7]> Only IE 7/- <![endif]--> 仅IE7可识别 

您可能感兴趣的文章：