1

ページ上部のコンテンツ領域の上に境界線のあるヘッダー画像を作成しようとしていますが、何らかの理由でbg画像が繰り返されています。画像が繰り返される原因を知っていますか？どんな助けでも大歓迎です！

これが私のコードです：

<div class="container_12">
<div class="subheader">
<img src="images/subheader_1.png" alt="Subheader" width="940px" height="240px" />
</div>
</div>

これが私のCSSです：

.subheader{background:url(../images/subheader_1.png);background-repeat:no-repeat; min-height:300px; width:940px}

.subheader img {border:1px solid #ccc;padding:5px;background:#efefef}
4

1 に答える 1

1

backgroundCSS で属性を指定しただけです。これは、そこで定義されたすべての設定を期待するグローバル属性です。をbackground-repeat画像と組み合わせるには、次を使用する必要がありますbackground-image。

編集:
編集と投稿されたスクリーン ショットに基づくと、背景とイメージ タグの両方にイメージを含めているため、繰り返しイメージがないように見えます。どちらかを選択する必要がありますが、正しく並べるには、パディングとマージンを削除する必要があります。

.subheader img {
    border:1px solid #ccc;
    padding:5px;    <--- TAKE THIS OUT
    margin: 0px;    <--- ADD THIS
    background:#efefef
}
于 2012-06-06T17:15:06.943 に答える