如果我想用if語句在我的網站中加載一個css文件,那語法是什麼。
CSS if語句問題
情況是這樣的。
如果IE6我將加載ie6_style.css
,如果IE7,Mozilla或新的瀏覽器,我將加載的style.css
如果我想用if語句在我的網站中加載一個css文件,那語法是什麼。
CSS if語句問題
情況是這樣的。
如果IE6我將加載ie6_style.css
,如果IE7,Mozilla或新的瀏覽器,我將加載的style.css
<link rel="stylesheet" type="text/css" href="style.css">
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6_style.css">
<![endif]-->
您將需要檢測哪個瀏覽器的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>
在quirksmode中可以找到更多信息:http://www.quirksmode.org/css/condcom.html – Scott 2010-01-04 15:13:48
您需要反轉加載順序,否則特定於樣式的樣式將被正常樣式覆蓋。 – 2010-01-04 15:13:50
修正了訂單,謝謝Aberon。 – 2010-01-04 15:15:09