CSS代码书写顺序及CSS HACK(FFIE兼容).docVIP

CSS代码书写顺序及CSS HACK(FFIE兼容) 2010-11-05 14:19 //显示属性displaypositionfloatclearcursor…//自身属性marginpaddingwidthheight/*排版*/vertical-alignwhite-spacetext-decorationtext-align…/*文字*/colorfontcontent/*边框背景?boder和background放在最后的原因是修改的频率会较之前的频繁，放在最后查看起来方便。*/borderbackground} 程序代码： .class{background-color:# FFFF00;/*所有浏览器*/* background-color:#00FF00;/*IE*/_ background-color:# 00FFFF;/*IE6*/}@media all and(min-width:0){?.class{background-color:#FF00FF; /*Opera */} }/*只有Opera识别*/@media all and (min-width:0){?.class{background-color:#FF00FF; /*Opera和Sa */html* .class{background-color:# 808080; /*Sa*/}}}注：这里所指代的 Safari 和 Opera 一般为最新版本。2、仅 Firefox 3 和 IE7 识别的 Hackselector, x:-moz-any-link, x:default {/* Firefox 3?? and IE7 rules here */} 可简单解决IE与FF之间的兼容问题（保持FF,IE7,IE的顺序），但这种方式貌似对加载有一定的影响 ！?Update2007-12-31 NND快被Opera个丫的折腾崩溃了:.e {/*FF OP*/background-color: #FF0000}html* .e{/*Sa IE7 OP*/background-color:#FF00FF}*+html .e{background-color:#000000;/*OP*/*background-color:#0000FF;/*IE7*/}* html .e{/*IE6*/background-color:#00FFFF}?对于 IE8 beta1 可以尝试下面的 Hack：/*/ selector { … } /**/此规则仅 IE8 beta1 识别，而其他 A-grade 浏览器都不识别------我想分页！--这么长的文章，在这里来个分页多好啊！哈哈-------Description:IE支持自定义光标文件cursor:url()IE支持自定义滚动条颜色风格IE6中的select有永远处在最上的bug,而且css对select不起作用。在form中，IE支持label，包括文字和图片；但是firefox不支持图片的label，点击图片不能让label for的radio或者checkbox产生效果。IE和firefox都是支持onscroll事件的，但是firefox中textarea对此事件不支持。CSS方面，IE中支持在CSS中嵌入expresion，而Firefox不支持firefox支择相邻子选择符“”，而IE6不支持（IE7支持）firefox 对display的inline-block不支持，而IE均支持。------我想分页！--这么长的文章，在这里来个分页多好啊！哈哈-------以下收藏自：puterjams Blog区别IE6与FF：background:orange;*background:blue;区别IE6与IE7：background:green !important;background:blue;区别IE7与FF：background:orange; *background:green;区别FF，IE7，IE6：background:orange;*background:green !important;*background:blue;注：IE都能识别*;标准浏览器(如FF)不能识别*；IE6能识别*，但不能识别 !important,IE7能识别*，也能识别!important;FF不能识别*，但能识别!important;IE6 IE7 FF?*