使用if/then浏览器逻辑的CSS

Question

对于浏览器<IE7,我想使用某种样式属性,而对于其他浏览器,我想使用另一种.我可以使用单个css文件执行此操作,或者如果逻辑包含ie hack css文件,我是否必须这样做？

Answer 1

下面是一个示例,说明如何包含IE6特定的CSS来覆盖IE 6或更低版本的特定CSS类:

<link rel="stylesheet" type="text/css" href="/css/screen.css" title="MySiteStyle" media="screen" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/screen-ie6.css" title="MySiteStyle" media="screen" />
<![endif]--> 

或者,您可以在每个元素的基础上执行此操作:

<!--[if (!IE) | (gt IE 6)]>
<div class="header">
<![endif]--> 
<!--[if lte IE 6]>
<div class="ie6_header">
<![endif]--> 

MSDN有关于IE条件注释支持的更多细节.