0

幅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;
}​
4

3 に答える 3

1

あなたはこれを行うことができます:

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

背景色と画像の両方を同じプロパティに設定します。

于 2012-07-23T07:05:16.960 に答える
0

必要な高さの1ピクセル幅の背景画像として線を作成し、それをページ全体に繰り返すことができます。または、#main position:relativeを作成して、子div {left:0;を指定することもできます。右:0; 高さ:npx; border-bottom:仕様; }。しかし、うまくいけば、@ joeschmidt45の提案は成功者であり、何もする必要はないので、nast ^ h ^ h ^ h^hpragmaticです。

于 2012-07-23T02:30:21.210 に答える
0

おそらくbackground-positionCSSプロパティが機能します。

例:

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

background-position プロパティを left、center などのキーワードまたは正確な配置のためのピクセルに変更できます。

于 2012-07-23T02:26:32.050 に答える