最新CSS兼容方案

CN.Silva...

 
最新CSS兼容方案



<div style="margin-top: 0.5em; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; font-size: 19px; line-height: 1.8em; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #dcdcdc; border-right-color: #dcdcdc; border-bottom-color: #dcdcdc; border-left-color: #dcdcdc;" class="entrybody">浏览器在不断更新，可使用的hack也需要更新下了，继上一篇《 最新CSS兼容方案 》之后，Opera和Safari都已经更新了版本，IE8也出来了，还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了，具体为：
Opear：

*+html .e{background-color:#0000FF;/* OP */ } 
Safai：

@media all and (min-width:0){ select{ ... }} 
还好发现了另一个Safari可以用的hack，Chrome和Safari的hack一样，还无法单独区分。另外“[; … ]”中的内容只有Opera读不到，注意“[]”要成对出现，不然Opera下会导致后面的样式无法读取。重新整理的hack如下：
.e{color:#FFF;/* FF,OP,IE8 */[;color:#0F0;]/* SF,CH */*color:#FF0;/* IE7 */_color:#F00;/* IE6 */}.e{background-color:#332200;/* FF*/}html* .e{background-color:#FF00FF;/* Sa IE7 CH */}*+html .e{*background-color:#0000FF;/* IE7 */}* html .e{background-color:#00FFFF;/* IE6 */} html*~/**/body .e{background-color:#055000;/* IE8 */}@media all and(min-width:0){.e{background-color:#FF5500;/* OP */}}经FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8测试通过