我们都是以25亿企业网站管理系统中的源码作为实例深刻讲解IE6,IE7,IE8,Firefox等浏览器的兼容。
CSS之间的兼容：
1,了解其浏览器的支持与不支持的属性。!important和*属性。Firefox浏览器不支持*属性；IE6不支持!important。
特别注意：如需使用这两个属性，必须保证页面文件顶站有如下声明：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
如在25亿企业网站管理的官方网站首页的网站模板展示样式中则使用了*属性：
/* --index demo img-- */
.indexdemo{ padding:5px; _width:885px; overflow:hidden;}
.indexdemoimg{ _border:1px solid #FFFFFF; padding-left:5px;}
.indexdemoimg li{ float:left; text-align:center; padding:6px; _padding:3px; }
.indexdemoimg li img{ padding:2px;}
.indexdemoimg li span{ display:block; height:20px; line-height:20px; overflow:hidden; *float:left;}
/* --index demo img end-- */
25亿企业网站管理的25亿灰色经典企业模版的左侧系列名称展示样式中则使用了!important属性：
/* --main left meue-- */
.subNav{text-align:left; padding:10px 0px 0px 20px; margin:0px; width:180px;}
.subNav ul{ float:left !important; float:none;}
.subNav ul li{ height:30px;list-style-type:none;cursor: pointer;}
.subNav2{margin: 0px; background-image: none; padding-left:15px;}
.subNav_img{ background:url(../../images/jt.gif) no-repeat 0px 0px; height:8px; width:4px; float:left; border:0px; margin-top:3px; padding-right:5px;}
.subNav_img2{ background:url(../../images/li.gif) no-repeat 0px 0px; height:8px; width:4px; float:left; border:0px; margin-top:3px; padding-right:5px;}
/* --main left meue end-- */
2,我们常常要使用CSS属性float令元素向左或向右浮动，但是有时使用多了，使得有些地方的float没有闭合，从而使页面变形，这时我们就可以使用万能float闭合：clear属性。
25亿企业网站管理的25亿灰色经典企业模版的留言资询列表样式中则使用了clear属性：
/* -- message-- */
.Bodyer_right_page_content { float: left; width:790px;text-align:left; line-height:180%; margin: 5px 0px 0px 5px; }
.Bodyer_right_page_content_mes1 { float: left;clear: top left;padding:0 0 4px 0; width:100%; background:url(../../images/bg_09.gif) bottom repeat-x; line-height:140%;}
.Bodyer_right_page_content_mes1 img{ margin:0 6px 0 0 ;}
.Bodyer_right_page_content_mes1 span {color:#bbb;font-size:11px;font-family:Tahoma,Verdana,"宋体";}
.Bodyer_right_page_content_mes2 { float: left; clear: top left; padding:8px 0 18px 0; width:100%; line-height:180%; word-break:break-all;}
.Bodyer_right_page_content_mes2 span {color:#F60; font-weight:bold;}
/* -- message end-- */
3,使用margin: 0 auto来居中，但是IE6不支持，这时在IE6就要使用text-align: center来居中。
4,鼠标放到文字或图片上的形状：手指状样式。我们最好统统使用：cursor: pointer,因为hand 仅 IE支持。
5,我们对链接加背景色和边框时，在firefox浏览器中则需要设置:display: block,float: left不换行。