2010-01-04 98 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