根据不同的浏览器加载相应的CSS文件

网络整理 - 07-29
  五一对网站进行部分改版后,发现一些CSS属性存在Firefox不兼容的现象,所以只能先判断用户的浏览器类型再加载CSS文件了。

  写好适合各种浏览器的CSS代码后,只需把下面的代码放到网页的<head>与</head>之间就可以了:

<script language="javascript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1){
  //如果浏览器为IE
  setActiveStyleSheet("style1.css");
}
else if(window.navigator.userAgent.indexOf("Firefox")>=1){
  //如果浏览器为Firefox
  setActiveStyleSheet("style2.css");
}
else{
  //如果浏览器为其它
  setActiveStyleSheet("style3.css");
}
function setActiveStyleSheet(filename){ 
  document.write("<link href=\"\/images\/"+filename+"\" type=\"text\/css\" rel=\"stylesheet\">");
}
//-->
</script>