0

ヘッダーの背景として画像を表示しようとしていますが、何も起こらないようです。

これは、画像の仕様 (500 * 2000) を設定する CSS コードです。

header{
background-image: url(../images/banner2.png);
background-repeat: no-repeat;
margin: 0 auto;
max-height:100px;
width: 100%;
}

そして、これは私のHTMLコードです:

 <!DOCTYPE html>
    <html>
    <head>
    <title>Contact</title>
    <link rel="stylesheet" href="../css/main.css" />
    </head>
    <body id = "contact">
    <header></header>
    <div id="page">
    <div id="logo">
        <h1><a href="../html/index.html" id="logoLink">Baby kleding online</a></h1>
    </div>
    <div id="nav">
        <ul>
            <li><a href="../html/index.html"id="homenav">Home</a></li>
            <li><a href="../html/kleding.html"id="kledingnav">Kleding</a></li>
            <li><a class="inuse" href="../html/contact.html"id="contactnav">Contact</a>      </li>
            <li><a href="../html/vragen.html"id="vragennav">Vragen</a></li>
        </ul>
    </div>
    <div class="content">
        <h2>Contact</h2>
    </div>
    <div class="Images">
        <b target="_blank" href="kleding.htm">
            <img src="../images/logo.PNG" alt="Boy1" width="300" height="140">
        </b>
    </div>
</div>
</body>
</html>
4

1 に答える 1

1

問題を解決するには、ヘッダーに高さを割り当てる必要があります。これは、height: [Amount of pixels]px;

<header></header>または、ヘッダーを表示するタグの間に何かを追加することもできます。

于 2013-11-01T12:57:37.233 に答える