關(guān)于hr標(biāo)記在各瀏覽器中的問(wèn)題說(shuō)明

字號(hào):


    沒(méi)到阿里之前,有一同學(xué)告訴我,很多人不是死在技術(shù)手上,而是死在HR手。
    一般我們很少見(jiàn)HR,但一見(jiàn)可能就定生死。HTML中也一樣,我們不常見(jiàn)<hr />,但一見(jiàn)通常就決定了能否擁用完美分割線。這里,就不附圖了,直接列表供查閱吧:
    
  正常瀏覽器 IE6、7 Firefox
實(shí)際高度 height + border-right-width + border-left-width height height
背景色 background-color background+color(當(dāng)高度<2px時(shí),顯示高度為灰色投影,需要color來(lái)設(shè)置顏色,相同于文字) background-color

    比如想創(chuàng)建一個(gè)實(shí)際高度為3px, 四邊為1px, 邊框顏色為#07f, 其他部分顏色為#f60的分割線,你懂的:
    代碼如下:
    hr{
    height:1px;
    *height:3px; color:#f60;/* for ie6 ie7 */;
    background-color:#f60;
    border:1px solid #07f;
    }
    @-moz-document url-prefix(){ hr{height:3px;}} /* for firefox */