主要的css hack

\0:在IE8及以上生效

@-moz-document url-prefix() {*}:仅在火狐下生效

@media screen and (-webkit-min-device-pixel-ratio: 0):仅在谷歌下生效

        .test{
            width:100px;
            height:100px;
            background: yellow;
            background: blue\0;
            clear:both;
        }
        @-moz-document url-prefix() {
            .test{
                border:2px dotted pink;
            }
        }

        @media screen and (-webkit-min-device-pixel-ratio: 0){
            .test{
                border:2px solid pink;
            }
        }

效果:

IE：   火狐：  谷歌：

其它关于IE的非CSS相关hack:

<!--[if IE]>
if IE:只在IE9及以下IE浏览器显示
<![endif]-->

<!--[if IE 6]>
if IE 6:只在IE6浏览器显示
<![endif]-->

<!--[if gte IE 6]>
<div>if gte IE 6:只在IE6以上(包括)版本IE浏览器显示</div>
<![endif]-->

<!--[if ! IE 8]>
<div>if ! IE 8:在非IE8浏览器显示(只在IE 9,<=7显示，谷歌火狐不显示)</div>
<![endif]-->

<!--[if !IE]>
if !IE：实测所有浏览器都不显示
<![endif]-->