在做頁面是有時候會用到分割線 hr,但是在 ie6 和 ie7 下顯示很蛋疼,本文將教你如何寫出兼容各瀏覽器的 hr。
首頁我們先了解下 hr 在各瀏覽器下的差異,如下表格:
比如想創(chuàng)建一個實(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 */
更多信息請查看IT技術(shù)專欄