对于 < IE7 的浏览器,我想使用某个样式属性,而对于其他浏览器,我想使用另一个。我可以使用单个 css 文件来执行此操作,还是我必须执行 if then 逻辑来包含 ie hack css 文件?
最佳答案
下面是一个示例,说明如何包含特定于 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 Conditional Comments 的详细信息支持。
关于带有 if/then 浏览器逻辑的 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1396805/