CSS修復(fù)代碼可以幫助我們解決一些瀏覽器兼容性問(wèn)題,下面是一些常用的CSS修復(fù)代碼。
/*清除浮動(dòng)*/ .clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } .clearfix { zoom:1; } /*盒模型修復(fù)*/ * { margin: 0; padding: 0; } /* IE6 PNG圖片透明*/ img, a img { border: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/icon_order.png'); } /* IE6 7 z-index 層級(jí)問(wèn)題*/ * html .div { position: relative; z-index: 1; } /* IE7 display: inline-block*/ *+html .inline-block { display: inline; zoom: 1; } .inline-block { display: inline-block; zoom: 1; } /* IE6 7 select 寬度問(wèn)題*/ * html select { width: auto; } /* IE li float-line-height問(wèn)題*/ * html ul li { float: left; height: 1%; } /* IE6 7 background-repeat*/ * html .no-repeat { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/icon_order.png'); } /* IE6 鼠標(biāo)手型*/ *html body { cursor: hand; } /* IE6~IE8 透明度*/ .ie_opacity { filter: alpha(opacity=50); } /* IE6~IE7 inline-block M型問(wèn)題*/ *+html .inline-block-m { display: inline; zoom: 1; } .inline-block-m { display: inline-block; vertical-align: middle; zoom: 1; } /* IE6 7 超過(guò)限制寬度隱藏*/ * html .limit-width { width: expression(this.width >200 ? "200px" : true); overflow: hidden; } /* IE6~IE7 min-height*/ .min-height { height: auto; min-height: 300px; }
以上就是一些常用的CSS修復(fù)代碼,在項(xiàng)目中遇到兼容性問(wèn)題可以借鑒使用。