用CSS条件注释 解决CSS hack

　　div + css网站布局和古老的table网站布局不一样！因为浏览器在css解析方面的不同，导致了不同的浏览器，相同的css代码显示的结果是不一样的！这样的问题给网站布局人员带来了很大的麻烦！一般情况下我们采用的是浏览器对css代码加一些特殊的字符来解决问题，比如/*等等的东西，但是这样有个缺点，没办法通过w3c验证，我现在这个网站就是这样的问题，没办法过w3c验证！最近在浏览一些网站，查看别人的代码的时候有如下的发现！

<link href="css/css.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->

　　现在我对以上的代码做一下说明和评价：第一条是给FF看的，下面的if IE 6  if IE 7判断语句是个IE6  IE7看的。这个顺序不能随便换，因为浏览器也是从上至下解释的，后面的效果覆盖前面的。然后再在IE6 IE7单独的样式文件中针对性地写代码。
　　实际上，CSS条件注释和CSS hack本质上一样，只是表现形式不同而已。条件注释把HACK代码写在了独立的CSS文件中而已。这样的优点是：CSS代码可读性强些了，更加清晰了，没有杂乱的HACK符号。缺点是：在IE6 7 单独的CSS文件中写的语句，支离破碎，以后要想修改，维护起来特别麻烦。如果你的ID CLASS命名比较规范，比较语义化，那还好点。
　　总结：如果你的XHTML页面体积小，就用一般的CSS HACK方法，直接写在一个样式文件里吧。页面大了再考虑CSS条件注释。

　　这些评价部分来自别人的看法，本人也是最这个也是比较喜欢的，可以查看一下大的站也都采用这样的方式来解决css hack的问题！希望能给你带来帮助！谢谢！

本文来自计算机故障网：www.jsjgz.cn  转载请注明版权！