0

hrページ内のセクションを区切るためのタグがあるWebページがあります。

cssを使用してhrタグに背景として画像を適用しています。

hrタグは100％の幅を取りますが、画像がタグ全体を占めるわけではありません。

hrタグが占める領域全体を画像が占めるようにするにはどうすればよいですか？

画像をエンドツーエンドでストレッチするために利用できるストレッチプロパティはありますか？

以下はコードです：

hr
{

    background: url("images/new/edge-top.png") no-repeat scroll 0 0 transparent;
    color: transparent;
    height: 10px;
    margin: 0 auto;
    width: auto;
    clear: both;
    border: 0 none;
    display: block;
    padding: 0px;

}

ここで結果の画像を確認してください：

ここに画像の説明を入力してください

4

1 に答える 1

2

CSS3にはそのためのいくつかの新しいオプションがあります。試す

background-size: x% x%;

ここで、新しいバックグラウンドモジュールの仕様を読むことができます。

ただし、これは IEではほとんどサポートされていないことに注意してください。（驚いた人はいますか？）

于 2012-05-23T07:36:01.530 に答える