css针对(各大浏览器、各版本)调兼容

ie6ie7firefox之下各自识别的CSS符号

#1 { color: #333; } /* firefox */ * html #1 { color: #666; } /* IE6 */ *+html #1 { color: #999; } /* IE7 */

那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色显示为#999。

最狠的手段 !important; 如果实在没有办法解决一些细节问题,可以用这个方法.火狐对于"!important"会自动优先解析,然而IE则会忽略.如下

.tabd1{ background:url(/res/images/up/tab1.gif) no-repeat 0px 0px !important; /*Style for FF*/ background:url(/res/images/up/tab1.gif) no-repeat 1px 0px; /* Style for IE */} 

IE5 和IE6的BOX解释不一致 IE5下 

div{300px;margin:0 10px 0 10px;}

 div的宽度会被解释为300px-10px(右填充)-10px(左填充)最终div的宽度为280px,而在IE6和其他浏览器上宽度则是以300px+10px(右填充)+10px(左填充)=320px来计算的。这时我们可以做如下修改 

div{300px!important;width /**/:340px;margin:0 10px 0 10px}

 关于这个/**/是什么我也不太明白,只知道IE5和firefox都支持但IE6不支持,如果有人理解的话,请告诉我一声,谢了!:)

cursor: pointer 可以同时在 IE FF 中显示游标手指状, hand 仅 IE 可以 

原文地址:https://www.cnblogs.com/phpyangbo/p/css-jianrong.html