给大家带来兼容IE6/IE7/IE8/FireFox的CSS

只看该作者 · 发表于 2015-1-15 23:33:46

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。
.color{
background-color:#CC00FF;/*一切扫瞄器城市显现为紫色*/
background-color:#FF00009;/*IE6、IE7、IE8会显现白色*/
*background-color:#0066FF;/*IE6、IE7会变成蓝色*/
_background-color:#009933;/*IE6会变成绿色*/
}
**记着下面得款式注释为按次是ff、ie8、ie7、ie6**
显现的了局：
用火狐扫瞄，色彩是紫色
用IE8扫瞄，色彩是白色
用IE7扫瞄，色彩是蓝色
用IE6扫瞄，色彩是绿色
例子：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无题目文档</title>
<styletype="text/css">
.main{
width:200px;color:#fff;
height:400px;background:#f00;/*ff白色*/
height:200px9;background:#ff09;/*ie8黄色*/
*height:200px;*background:#0ff;/*ie7蓝色*/
_height:100px;_background:#000;/*ie6玄色*/
}
</style>
</head>
<body>
<divclass="main">ff白色height:400px/IE8黄色height:200px/IE7蓝色height:200px/IE6玄色height:100px</div>
</body>

</html>
--------------------------------------------------------
假如你只是为了兼容ie7和8，实在能够在<head>里加上如许一条代码：
<metahttp-equiv="X-UA-Compatible"content="IE=7">
便可免除你大批修正代码，可是我发明，有些背景程序员常常会把它删失落，详细缘故原由我也不分明。
微软在IE8供应三种剖析页面的形式
　　IE8StandardModes：默许的最尺度的形式，严厉依照W3C相干划定
　　IE7StandardsModes：IE7如今用的剖析网页的形式，开起构造是在<head>中到场<metahttp-equiv="X-UA-Compatible"content="IE=7">
　　QuirksModes：IE5用的剖析网页的形式，开起构造是删除HTML顶部的DOCTYPE声明
　　注重：分歧形式间的网页在IE8中能够相互frame，因而因不会形式下的DOM和CSS衬着纷歧样，以是会激发良多成绩，务必注重假如你的页面临IE7兼容没有成绩，又不想大批修正现有代码，同时又能在IE8中一般利用，微软宣称，开辟商仅必要在今朝兼容IE7的网站上增加一行代码便可办理成绩，此代码以下：
<metahttp-equiv="x-ua-compatible"content="ie=7"/>
IE8最新csshack：
　　"9"　例:"margin:0pxauto9;".这里的"9"能够区分一切IE和FireFox.
　　"*"　IE6、IE7能够辨认.IE8、FireFox不克不及.
　　"_"　IE6能够辨认"_",IE7、IE8、FireFox不克不及.
---------------------------------------------------------
一些IE6IE7IE8FF的CSShack
p{+color:#f00;}撑持IE6IE7不撑持FFIE8
p{_color:#f00;}撑持IE6不撑持FF
p{color:#00f!important;}
p{color:#f00;}撑持IE7IE6FFIE8
p{color:#00f!important;color:#f00;}撑持IE7IE8FF不撑持IE6
head:first-child+bodyp{color:#f00;}撑持IE7IE8FF不撑持IE6
/**//*/
p{color:#f00;}
/**/撑持IE8不撑持IE6IE7FF
html*p{color:#f00;}撑持IE6IE7不撑持FFIE8
html>p{color:#f00;}撑持IE7IE8FF不撑持IE6
html[xmlns]p{color:#f00;}撑持IE7IE8FF不撑持IE6
@importstyle.css;
@import"style.css";
@importurl(style.css);
@importurl(style.css);
@importurl("style.css");撑持IE7IE6FFIE8
p{/*/*/color:#f00;/**/}撑持IE6IE7FF不撑持IE8
*htmlp{color:#f00;}撑持IE6不撑持FFIE7IE8
*+htmlp{color:#f00;}撑持IE7IE8不撑持FFIE6
p{*color:#f00;}撑持IE7IE6不撑持FFIE8
====================================================
如许写，大概会复杂些，很便利，可是这个只是IE8对IE7的兼容形式
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<metahttp-equiv="x-ua-compatible"content="ie=7">
<htmlxmlns="http://www.w3.org/1999/xhtml">
注重：<metahttp-equiv="x-ua-compatible"content="ie=7">IE8兼容IE7的形式

最新版本html5+css3与2014年10月29日，万维网联盟宣布，经过几乎8年的艰辛努力，该标准规范终于最终制定完成。

只看该作者 · 发表于 2015-1-17 23:14:11

AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-1-24 12:43:12

可以使用 CSS 检查工具进行设计。

只看该作者 · 发表于 2015-2-1 16:16:50

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-2-7 09:51:02

可以使用 CSS 检查工具进行设计。

只看该作者 · 发表于 2015-2-21 19:11:55

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

只看该作者 · 发表于 2015-3-6 21:56:56

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-3-13 22:10:01

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

只看该作者 · 发表于 2015-3-20 21:19:48

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 给大家带来兼容IE6/IE7/IE8/FireFox的CSS

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子