不同的浏览器更换不同的样式

  <script type="text/javascript" >
  var Browser = (function() {
    var ua = navigator.userAgent;
    var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';
    var browser = {};
    if(!!window.attachEvent && !isOpera) {
     browser.IE = true;

       // IE 下的样式  这里的link 6 是新增加的 数字要大于你的link数 否则无法引用 
       document.getElementsByTagName("link")[6].href="front/css/main2.css";
     
    } else if(ua.indexOf('Gecko') > -1 && ua.indexOf('KHTML') === -1) {
     browser.Gecko = true;
     browser.Version = ua.substr(ua.indexOf('Firefox') + 8);
      document.getElementsByTagName("link")[6].href="front/css/main.css";
    } else if(isOpera) {
     browser.Opera = true;
     browser.Version = ua.substr(ua.indexOf('Version') + 8);
    } else if(ua.indexOf('AppleWebKit/') > -1) {
     browser.WebKit = true;    
      document.getElementsByTagName("link")[6].href="front/css/main.css";
    
    } else if(/Apple.*Mobile/.test(ua)) {
     browser.MobileSafari = true;
    }
    return browser;
    
   })();
 
  </script>