Question

假设我有一个500宽度和700高度的div。如何将水平线或图像作为背景放在特定高度？我也在这里发布了http://jsfiddle.net/jt74S/

<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;
}

Answer 1

可能你可以这样做：

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

将背景颜色和图像设置在同一属性中。

Answer 2

也许background-position CSS属性可以正常工作。

此处示例：

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

您可以将background-position属性更改为左，中等等关键字或像素，以便进行精确定位。

Answer 3

您可以将线条设置为所需高度的一个像素宽的背景图像，然后在整个页面上重复。或者你可以使#main position：relative并给它一个子div {left：0;右：0;身高：npx; border-bottom：你的规格; }。但希望@ joeschmidt45的建议是一个观众，你不需要做任何事情，所以n h ^ h ^ h ^ h ^ hpragmatic。

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

3 个答案: