ie6 ie7 ie8 ie9 ff css 区别

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>css 区别ie6 ie7 ie8 ie9 ff</title>

<style type="text/css">

div{ width:500px; height:300px; border:1px solid #f00; margin:0px auto;}

.info{

/* background:#000!important\0 || background:#000!important\0\9 ie6识别 ff ie7 ie8 ie9 不识别*/

/*background:#000!important ie6 ff ie7 ie8 ie9 识别 */

/*background:#000; ie6 ff ie7 ie8 ie9 识别 */

/*background:#000\0; ie6 ff ie7 不识别 ie8 ie9 识别 */

/*background:#000\9; ie6 ie7 ie8 ie9 识别 ff不识别 */

/*background:#000\9; ie6 ie7 ie8 ie9 识别 ff不识别 */

/*background:#000\0\9; ie6 ie7 ff 不识别 ie8 ie9 识别*/

/* *background:#000; ie6 ie7识别 ie8 ie9 ff 不识别*/

/* *_background:#000; _background:#000; ie6 识别ie7 ie8 ie9 ff 不识别*/

background:#FF0; /* ff */ /*黄色*/

background:#0F0\9;/* ie 8 ie 9*//*绿色*/

*background:#F00;/*ie 6 ie 7*/ /* 红色*/

_background:#00F; /*ie 6*/ /*蓝色*/

}

</style>

<!--[if IE 8]>

<style type="text/css">

.info{

background:#000;

}

</style>

<![endif]-->

</head>

<body>

<div class="info">

可以用 \0 \9 来表示ie8 和ie9<br>

可以用 * 区别 IE7<br>

可以用 _ 区别 ie6<br>

但最后无法 区别IE8 ie9<br>

所以值能用<!--[if IE 8]> ie8 样式<![endif]-->

一定要放在最后

如果各位有更好的办法或哪里写的有误,请在评论中注明

</div>

</body>

</html>