在浏览器厂商市场切割及版本多化的今天,单单是给CSS做HACK,己不能满足页面制作的要求,完美的页面结构,可以省去很多的HACK,但因版本间不同 的盒子模型来说,与其去写HACK,还不能更省时间地去为每个不同解释定义的版本写一套CSS (说是写一套,事实上也是在原有的修改一下数值),无论在制作时间上还是....,这都是一个可以考虑的解决方案....
这就用到CSS的条件注释(Conditional Comments),声明,这不是一个新东东,我也不想忽悠大家.
这是一种只在Windows下的IE上被识别的注释,从IE5开始支持。这就是说,被定义于其中的东西只在IE下被识别,这就 成为了一个很好的跨浏览器样式一致解决方案。下面是其详细的语法:
<!--[if IE]>
在IE下显示
<![endif]-->
<!--[if IE 5]>
在IE 5下显示
<![endif]-->
<!--[if IE 5.0]>
在IE 5.0下显示
<![endif]-->
<!--[if IE 5.5]>
在IE 5.5下显示
<![endif]-->
<!--[if IE 6]>
在IE 6下显示
<![endif]-->
<!--[if IE 7]>
在IE 7下显示
<![endif]-->
<!--[if gte IE 5]>
在IE 5及更高版本下显示
<![endif]--->
<!--[if lt IE 6]>
在IE 6一下版本中显示
<![endif]-->
<!--[if lte IE 5.5]>
在IE 5.5及一下版本显示
<![endif]-->
<!--[if gt IE 6]>
在IE 6以上显示
<![endif]-->
此外,还提供了另外一种方法——注释标签(Comment Tag)。即在Windows和Mac的IE中支持一种非标准的标签:,包含于这个标签内的内容在IE下将被解释为注释从而无效,而在非IE浏览器中会将comment标签忽略从而使里面的内容有效。
它不但可以技巧式的去判断不同版本间解读的CSS,同样也可以解读页面的结构,举一反三....