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>
 
posted @ 2012-05-28 17:31  牛伯温  阅读(186)  评论(0编辑  收藏  举报