在做頁(yè)面是有時(shí)候會(huì)用到分割線 hr，但是在 ie6 和 ie7 下顯示很蛋疼，本文將教你如何寫(xiě)出兼容各瀏覽器的 hr。
首頁(yè)我們先了解下 hr 在各瀏覽器下的差異，如下表格：
比如想創(chuàng)建一個(gè)實(shí)際高度為 3px，邊框?yàn)?1px，邊框顏色為 #07f，背景色為 #f60 的分割線：
代碼如下:
hr{
height:1px;
background-color:#f60;
border:1px solid #000;
*height:3px;/* for ie6 ie7 */
color:#f60;/* for ie6 ie7 */
}
@-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */