CSS的条件注释

    技术2022-05-11  67

    在浏览器厂商市场切割及版本多化的今天,单单是给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,同样也可以解读页面的结构,举一反三.... 

    最新回复(0)