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