当前位置: 代码迷 >> HTML/CSS >> 依据不同的浏览器加载相应的CSS文件本
  详细解决方案

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

热度:32   发布时间:2012-11-22 00:16:41.0
根据不同的浏览器加载相应的CSS文件本

发现一些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> ?

  相关解决方案