2010-01-04 117 views
3

如果我想用if语句在我的网站中加载一个css文件,那语法是什么。
CSS if语句问题

情况是这样的。

如果IE6我将加载ie6_style.css

,如果IE7,Mozilla或新的浏览器,我将加载的style.css

回答

9
<link rel="stylesheet" type="text/css" href="style.css"> 
<!--[if IE 6]> 
<link rel="stylesheet" type="text/css" href="ie6_style.css"> 
<![endif]--> 
+1

在quirksmode中可以找到更多信息:http://www.quirksmode.org/css/condcom.html – Scott 2010-01-04 15:13:48

+1

您需要反转加载顺序,否则特定于样式的样式将被正常样式覆盖。 – 2010-01-04 15:13:50

+0

修正了订单,谢谢Aberon。 – 2010-01-04 15:15:09

0

您将需要检测哪个浏览器的JavaScript,然后加载CSS。

像这样的事情

<script language="JavaScript"><!-- 
browser_version= parseInt(navigator.appVersion); 
browser_type = navigator.appName; 

if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 7)) { 
document.write("<link REL='stylesheet' HREF='012899-ie7.css' TYPE='text/css'>"); 
} 

else if (browser_type == "Netscape" && (browser_version >= 5)) { 
document.write("<link REL='stylesheet' HREF='012899-netscape5.css' TYPE='text/css'>"); 
} 

// --></script> 
+0

谢谢,这是工作。 – Jorge 2010-01-04 15:22:07

+0

如果他们禁用了javascript,这将不起作用。 – Malfist 2010-01-04 15:26:44

+0

是的。这是JavaScript的一个问题。我更喜欢使用CSS。 – Jorge 2010-01-04 15:39:58