CSS兼容性的调整问题总结

visibility: visible!important;  position:absolute!important; top:50%!important; left:50%!important;margin-left:-480px!important; margin-top:-230px!important;  /*火狐和ie7识别 !important 其他浏览器均不能识别*/

*visibility: visible; *text-align: center; *margin: 0ptauto;  /*ie7识别 */

_visibility: visible; _text-align: center; _margin: 0pxauto; _left:50%; _top:0px;  /*ie6识别 */

}

ie6下图片和文字在div中垂直居中对齐

IE6对行内元素里的图片处理很有意思

   <imgsrc="http://www.csdn.net/ui/images/gongshang_logos.gif"width="12" height="8"style="vertical-align:middle"/>

   <spanstyle="display:inline-block">这里是文字</span>


CSS兼容性一：1.<!--[if! IE]><!-->除IE外都可以识别<!--<![endif]--> 2.<!--[if! IE]>所有的IE都可以识别<![endif]--> 3.<!--[if! IE6]>仅IE6可识别<![endif]-->4.<!--[if! gte IE 6]>IE6及IE6以上版本可以识别<![endif]--5.> 5.<!--[if! IE 7]>仅IE7可识别<![endif]--> 6.<!--[if! lt IE7]>IE7及IE7以下版本可以识别<![endif]-->7.<!--[if! gte IE 7]>IE7及IE7以上版本可以识别<![endif]--> 
CSS兼容二： !import IE6不支持 *height:80px; IE6支持 *+width:80px; IE7支持下划线加属性 _width:80px; IE6支持 IE8兼容：<meta http-equiv="x-ua-compatible"content="ie=7" />