如何在div的指定高度添加水平線？

假設我有一個500寬和700高的div。如何在特定高度上放置水平線或圖像作爲背景？我已經張貼在這裏也http://jsfiddle.net/jt74S/如何在div的指定高度添加水平線？

<div id="main"> 
these are some text and stuff, however the horizontal line/image should not be added with the text, but as a background of these. 
</div> 

#main { 
    background: none repeat scroll 0 0 rgba(56, 56, 56, 0.75); 
    border-radius: 0 3px 0 3px; 
    float: left; 
    font-size: 48px; 
    line-height: 44px; 
    padding: 20px; 
}

來源

2012-07-23 EnexoOnoma

也許background-position CSS屬性會工作。

實施例這裏：

http://jsfiddle.net/rnSDw/1/

可以將背景位置屬性更改爲板狀的左側，中心等，或像素精確定位的關鍵詞。

來源

2012-07-23 02:26:32 joeschmidt45

請問您能舉個例子嗎？ – EnexoOnoma 2012-07-23 02:29:38

謝謝你，但我必須保持'背景：無重複滾動0 0 rgba（56,56,56,0.75）;' – EnexoOnoma 2012-07-23 02:53:51

您可以將線條作爲必需高度的一個像素寬的背景圖像，然後在整個頁面上重複該線條。或者你可以使#main position：relative並給它一個子div {left：0;正確：0; height：npx; border-bottom：你的規格; }。但是，希望@ joeschmidt45的建議是一個行家，你不需要做任何事情，這樣就不需要太多的經驗。

來源

2012-07-23 02:30:21 Iain

可能是你可以這樣做：

http://jsfiddle.net/anaida/t57XM/

設置背景顏色和圖像都在相同的屬性。

來源

2012-07-23 07:05:16

如何在div的指定高度添加水平線？

回答

相關問題