当前位置：首页 → 问答吧 → css样式在ie6 7 8 ff下兼容的写法

css样式在ie6 7 8 ff下兼容的写法

时间：2011-01-27

来源：互联网

css样式在ie6 7 8 ff下兼容的写法，教你如何在一个css样式表里对IE 6 7 8 和火狐进行样式调节
详细见附件

本帖隐藏的内容需要回复才可以浏览

节选
兼容IE6/IE7/IE8/FireFox的CSS
网页 2009-10-15 11:05 阅读164 评论1 字号：大大中中小小 .color{
background-color: #CC00FF; /*所有浏览器都会显示为紫色*/
background-color: #FF0000\9; /*IE6、IE7、IE8会显示红色*/
*background-color: #0066FF; /*IE6、IE7会变为蓝色*/
_background-color: #009933; /*IE6会变为绿色*/
}

**记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 **
显示的结果：
用火狐浏览，颜色是紫色
用 IE8 浏览，颜色是红色
用 IE7 浏览，颜色是蓝色
用 IE6 浏览，颜色是绿色

如果你只是为了兼容ie7和8，其实可以在<head>里加上这样一条代码：
<meta http-equiv="X-UA-Compatible" content="IE=7">
即可免去你大量修改代码，但是我发现，有些后台程序员往往会把它删掉，具体原因我也不清楚。

例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<style type="text/css">
.main{
width:200px;color:#fff;
height:400px;background:#f00;/*ff红色*/
height:200px\9;background:#ff0\9;/*ie8黄色*/
*height:200px;*background:#0ff;/*ie7蓝色*/
_height:100px;_background:#000;/*ie6黑色*/

}
</style>
</head>
<body>
<div class="main">ff红色height:400px / IE8黄色height:200px / IE7 蓝色height:200px / IE6黑色height:100px</div>
</body>

</html>

作者: lesson001 发布时间: 2011-01-27

好东西！收藏

作者: chen258465930 发布时间: 2011-01-28

css样式在ie6 7 8 ff下兼容的写法

热门阅读

热门下载