按日存档: 2007/11/29

CSS浏览器兼容问题（IE6/IE7/Firefox）[最后更新：2007.11.29]

注：FF=FireFox OP=Opera 手形光标. cursor: pointer. 而hand 只适用于 IE. 针对FF IE6 IE7的css样式 #color {color: #FF0000;} /* FF */ * html #color {color: #0000FF;} /* IE6 */ *+html #color {color: #00FFFF;} /* IE7 */ css布局中的居中 body{text-align:center;} #center{margin-left:auto; margin-right:auto;} 在父级元素定义text-align:center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。但在FF,OP中不能居中。解决办法就是在子元素定义时候设定时再加上“margin-left:auto; margin-right:auto;” 浮动ie产生的双倍距离 #box{float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略} Block元素的特点是:总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素). Inline元素的特点是:和其他元素在同一行上,…不可控制(内嵌元素). 清除浮动 .hackbox{display:table; //将对象作为块元素级的表格显示}或者.hackbox{clear:both;} 或者加入:after（伪对象）,设置在对象后发生的内容，通常和content配合使用，IE不支持此伪对象，非Ie 浏览器支持， [...]