ie = !+"\v1" ; //可行
ie ='\v'=='v' ;//可行，以前用过，传说最短的判断IE代码，貌似没上面那条短
ie = 0//@cc_on+1;//不可行，这样写就会语法错误了，我修改如下
ie = 0/*@cc_on+1@*/;
ie = !!top.execScript;//Chrome也支持，所以不能用
ie = /*@cc_on!@*/!1;//可行，条件编译
ie8 = !!window.XDomainRequest;//可行

//如果是IE，会返回6,7,8代表ie6,ie7,ie8，否则返回1
IEVersion = (" " + (/*@cc_on @_jscript_version  @*/-1)).slice(-1)//可用

//基于条件编译的嗅探脚本，还有如下几个：（实际使用这些都有错误）
IE8=@cc_on @_jscript_version == 5.8 ? true : @false
IE7=@cc_on @_jscript_version == 5.7 ? true : @false
IE6=@cc_on @_jscript_version == 5.6 ? true : @false
IE55=@cc_on @_jscript_version == 5.5 ? true : @false
//10-31添加
//我进行了改写，测试可行
ie6 = /*@cc_on @_jscript_version == 5.6 ||@*/false;
ie7 = /*@cc_on @_jscript_version == 5.7 ||@*/false;
ie8 = /*@cc_on @_jscript_version == 5.8 ||@*/false;
ie5 = /*@cc_on @_jscript_version == 5.5 ||@*/false;

ff = /a/[-1]=='a';//可行
//下面不推荐了，ff2的代码在ff3也能通过，再加上除IE外的浏览器版本判断并不重要
ff3 = (function  x(){})[-5]=='x';
ff2 = (function x(){})[-6]=='x';

safari=/a/.__proto__=='//';//可行
safari = window.openDatabase;//不可行，chrome也支持

chrome=/source/.test((/a/.toString+''));//可行

opera=!!window.opera ;//这个很熟悉了
opera=/^function (/.test([].sort);//不可行……

browsers : {
ieVer : (" " + (/*@cc_on @_jscript_version  @*/-1)).slice(-1),
ie5 : /*@cc_on @_jscript_version == 5.5 ||@*/false,
ie6 : /*@cc_on @_jscript_version == 5.6 ||@*/false,
ie7 : /*@cc_on @_jscript_version == 5.7 ||@*/false,
ie8 : /*@cc_on @_jscript_version == 5.8 ||@*/false,
ie : '\v'=='v',
ff : /a/[-1]=='a',
safari : /a/.__proto__=='//',
chrome : /source/.test((/a/.toString+'')),
opera : !!window.opera
}

browsers : {
ie : window.ActiveXObject ? navigator.userAgent.toLowerCase().match(/msie ([\d.]+)/)[1] : 0,
firefox : document.getBoxObjectFor ? navigator.userAgent.toLowerCase().match(/firefox\/([\d.]+)/)[1] : 0,
chrome : window.MessageEvent && !document.getBoxObjectFor ? navigator.userAgent.toLowerCase().match(/chrome\/([\d.]+)/)[1] : 0,
safari : window.openDatabase ? navigator.userAgent.toLowerCase().match(/version\/([\d.]+)/)[1] : 0,
opera : window.opera ? navigator.userAgent.toLowerCase().match(/opera.([\d.]+)/)[1] : 0
}

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];

var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        window.ActiveXObject ? Sys.ie = ua.match(/msie ([\d.]+)/)[1] :
        document.getBoxObjectFor ? Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1] :
        window.MessageEvent && !document.getBoxObjectFor ? Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1] :
        window.opera ? Sys.opera = ua.match(/opera.([\d.]+)/)[1] :
        window.openDatabase ? Sys.safari = ua.match(/version\/([\d.]+)/)[1] : 0;

var Sys = {};
        var ua = navigator.userAgent.toLowerCase();
        var s;
        (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
        (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
        (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
        (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
        (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;

(function (win, doc) {
    var isIE = !','.split(/,/).length,
        isIE6 = isIE && !win.XMLHttpRequest,
        isIE8 = !!win.XDomainRequest,
        isIE9 = isIE && !!+'\v1',                                 // alt: !!-[1,]
        isIE7 = isIE && !isIE6 && !isIE8 && !isIE9,
        isFF = !!doc.getBoxObjectFor || 'mozInnerScreenX' in win, // gecko
        isOP = !!win.opera && !!win.opera.toString().indexOf('Opera'),
        isOP9 = /^function \(/.test([].sort),
        isWK = !!win.devicePixelRatio,                            // web-kit
        isSF = /a/.__proto__ == '//',                             // safari
        isCR = /s/.test(/a/.toString);                            // chrome
})(window, document);

-moz-border-radius: 220px/235px;
-webkit-border-radius: 220px 235px;
border-radius: 220px/235px;

background: #800;
background: -moz-linear-gradient(-90deg, #F88, #800);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#F88), to(#800));

background: #E71616;
background: -moz-linear-gradient(-90deg, #FE878A, #E71616 50%, #800000 80%,
    #800000 85%, #b80304);
background: -webkit-gradient(linear, 0 top, 0 bottom, from(#FE878A),
    color-stop(50%, #E71616), color-stop(80%, #800000),
    color-stop(85%, #800000), to(#b80304) );

-moz-box-shadow: 0 100px 30px hsla(0,0%,0%,.2);
-webkit-box-shadow: 0 100px 30px hsla(0,0%,0%,.2);
box-shadow: 0 100px 30px hsla(0,0%,0%,.2);

<img alt="" src="./images/sh.png" style="-moz-transform: translate(-28px, -104px) matrix(0.841901, 0.494216, 0.539632, -0.771046, 0pt, 0pt);"/>
<img alt="" src="./images/boxf4.png" style="-moz-transform: translate(-53px, 77px) matrix(0.841901, 0.494216, 0, -0.401545, 0pt, 0pt);"/>
<img alt="" src="./images/boxf4.png" style="-moz-transform: translate(-44px, -89px) matrix(-0.897165, 0.441393, 0, 0.0369688, 0pt, 0pt); display: none;"/>
<img alt="" src="./images/boxf4.png" style="-moz-transform: translate(89px, -44px) matrix(-0.441695, -0.896552, 0, 0.0369688, 0pt, 0pt); display: none;"/>
<img alt="" src="./images/boxf4.png" style="-moz-transform: translate(84px, 49px) matrix(0.539632, -0.771046, 0, -0.401545, 0pt, 0pt);"/>
<div id="bottom-inner" style="-moz-transform: translate(0px, -76px) matrix(0.841901, 0.494216, -0.539632, 0.771046, 0pt, 0pt);">
</div>
<img alt="" src="./images/boxf2.png" style="display: none;"/>
<div id="front-panel" style="-moz-transform: translate(-89px, 44px) matrix(0.441695, 0.896552, 0, 0.0369688, 0pt, 0pt); display: none;">
</div>
<img alt="" src="./images/boxf1_debug.png" style="-moz-transform: translate(-84px, -49px) matrix(-0.539632, 0.771046, 0, -0.401545, 0pt, 0pt);"/>
<img alt="" src="./images/boxf1.png" style="-moz-transform: translate(53px, -77px) matrix(-0.841901, -0.494216, 0, -0.401545, 0pt, 0pt);"/>
<img alt="" src="./images/boxf1_debug.png" style="-moz-transform: translate(44px, 89px) matrix(0.897165, -0.441393, 0, 0.0369688, 0pt, 0pt); display: none;"/>
<div id="boxlid" style="-moz-transform: translate(0px, -43px) matrix(0.841901, 0.494216, -0.539632, 0.771046, 0pt, 0pt);">

<style type="text/css">
    body
    {
        background-color:#FF0000 !important;
        *background-color:#00FF00 !important;
        *background-color:#0000FF;
        background-color:#000000;  
    }
</style>

<style>
#wrapper
{
width: 100px!important; /* IE7+FF */
width: 80px; /* IE6 */
}
</style>

<style>
#wrapper
{
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */
*+html #wrapper { width: 60px;} /* ie7 fixed, 注意顺序 */
}
</style>

.id{
    float: left;
    #float:none;
}

<style>
/* Clear Fix */
{
content:".";
display:block;h
eight:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac */
.clearfix
{
display:block;
}
/* End hide from IE Mac */
/* end of clearfix */
</style>

#box{ width:600px; //for ie6.0- width:500px; //for ff+ie6.0}
#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width /**/:500px; //for ie6.0-}

#box{ width: 80px; height: 35px;}
html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

#box{ float:left; width:800px;}
#left{ float:left; width:50%;}
#right{ width:50%;}*html #left{ margin-right:-3px; //这句是关键}
//HTML代码
<div id=”box”>
<div id=”left”>
</div>
<div id=”right”>
</div>
</div>

.main{
float:left;
#float:none;
_float:none;
html*.main{
float:left;
#float:none;
_float:none;
}
*+html .main{
float:left;
#float:none;
_float:none;
}
* html .main{
float:left;
#float:none;
_float:none;
}

<wrapper>
<div id="floatA"></div>
<div id="floatB"></div>
<div id="NOTfloatC"></div>
</wrapper>

.clear
{
clear:both;
}

.colwrapper
{
overflow:hidden;
zoom:1;
margin:5px auto;
}

#IamFloat
{
float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/
}

<script type="text/javascript" src="enhance.js"></script>      
<script type="text/javascript">
        enhance({
                loadStyles: [
                        'css/enhancements.css',
                        {href: 'css/print.css', media: 'print'},
                        {href: 'css/ie6.css', iecondition: 6}
                ],      
                loadScripts: [
                        'js/jquery.min.js',
                        'js/enhancements.js'
                ]
        });  
</script>

<script type="text/javascript">
    var require = {
        deps: ["a.js", "b.js", "some/module1", "my/module2"],
        callback: function(a, b, module1, module2) {
            //This function will be called when all the dependencies
            //listed above in deps are loaded. Note that this function could
            //be called before the page is loaded. This callback is optional.
        },
        ready: function() {
            //This function called once the DOM is ready.
            //If you build require.js without page load support, then nothing
            //is done with this function.
        }
    };
</script>
<script type="text/javascript" src="scripts/require.js"></script>