根据不同的浏览器调用不同的css文件

首先祝各位大哥，国庆中秋快乐求一段代码如果是ie6用户
则调用
<link rel="stylesheet" type="text/css" href="http://www.xxxxx.com/ie6.css">其他浏览器用户如ie7、ie8、firefox、chrome、Safari调用 <link rel="stylesheet" type="text/css" href="http://www.xxxxx.com/ie7.css">可能的话最好能给个源码我是技术小白只会看简单的html代码再次感谢

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

比较常用的两个方法
方法1:把所有的js写在一起,然后对应不同浏览器的用|隔开 style=IE6style|IE7style 方法2:width: 100px!important; /* IE7+FF */
       width: 80px; /* IE6 */ 用important 的话ie6是不解析的
<link rel="stylesheet" type="text/css" href="http://www.xxxxx.com/ie6.css" disabled id="ie6c">
<link rel="stylesheet" type="text/css" href="http://www.xxxxx.com/ie7.css" disabled id="otherc">
<script type="text/javascript">

</script>
<div></div>
完整更替所有内容的CSS。这个赞最近折腾过一次。但是如果是直接调用，有点麻烦那。2楼的如果可行，的确是非常好的办法。个人建议进行CSS更替
// JavaScript Document
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
      var arVersion = navigator.appVersion.split("MSIE")
      var version = parseFloat(arVersion[1])
      if ((version >= 5.5) && (document.body.filters))
      {
        for(var j=0; j<document.images.length; j++)
        {
            var img = document.images[j]
            var imgName = img.src.toUpperCase()
            if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
            {
              var imgID = (img.id) ? "id='" + img.id + "' " : ""
              var imgClass = (img.className) ? "class='" + img.className + "' " : ""
              var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
              var imgStyle = "display:inline-block;" + img.style.cssText
              if (img.align == "left") imgStyle = "float:left;" + imgStyle
              if (img.align == "right") imgStyle = "float:right;" + imgStyle
              if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
              var strNewHTML = "<span " + imgID + imgClass + imgTitle
              + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
              + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
              + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
              img.outerHTML = strNewHTML
              j = j-1
            }
        }
      }
}
window.attachEvent("onload", correctPNG);
styleSheet本身就是DOM的一部分.无需跟CSS扯关系.就当普通DOM使用就OK了.
建立两个.css文件测试下就可以了.
看看这个怎么样？
经过测试的,保存为html就可看到效果，可以用IETest看多浏览器效果：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">        var Sys = {};        var ua = navigator.userAgent.toLowerCase();        if (window.ActiveXObject)            Sys.ie = ua.match(/msie ([\d.]+)/)[1]        else if (document.getBoxObjectFor)            Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]        else if (window.MessageEvent && !document.getBoxObjectFor)            Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]        else if (window.opera)            Sys.opera = ua.match(/opera.([\d.]+)/)[1]        else if (window.openDatabase)            Sys.safari = ua.match(/version\/([\d.]+)/)[1];                //以下进行测试
if(Sys.ie.toLowerCase()=="6.0")
{
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ie6.css\"> ");
}
else
{
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"css/ie7.css\"> ");
}
        //if(Sys.ie) document.write('IE: '+Sys.ie);        //if(Sys.firefox) document.write('Firefox: '+Sys.firefox);        //if(Sys.chrome) document.write('Chrome: '+Sys.chrome);        //if(Sys.opera) document.write('Opera: '+Sys.opera);        //if(Sys.safari) document.write('Safari: '+Sys.safari);    </script>
</head><body><script>
if(Sys.ie) document.write('IE: '+Sys.ie);        if(Sys.firefox) document.write('Firefox: '+Sys.firefox);        if(Sys.chrome) document.write('Chrome: '+Sys.chrome);        if(Sys.opera) document.write('Opera: '+Sys.opera);        if(Sys.safari) document.write('Safari: '+Sys.safari);
</script></body>
</html>
<script type="text/javascript" language="Javascript">
var tmpBrowser=navigator.appName
var tmpBVersion=navigator.appVersion
var tmpVersion=tmpBVersion.split(";");
var tmpTrimVersion=tmpVersion[1].replace(/[ ]/g,"");
if(tmpBrowser=="Microsoft Internet Explorer" && tmpTrimVersion=="MSIE7.0"){
include_css('css7.css');
}
else if(tmpBrowser=="Microsoft Internet Explorer" && tmpTrimVersion=="MSIE6.0"){
include_css('css.css');
}
else{
include_css('css7.css');
}
function include_css(css_file) {
var css;
var html_doc = document.getElementsByTagName('head')[0];
css = document.createElement('link');
css.setAttribute('rel', 'stylesheet');
css.setAttribute('type', 'text/css');
css.setAttribute('href', '/images/'+css_file);
html_doc.appendChild(css);
}
</script>