標題中的html橫幅不顯示

你好我是新來的HTML和CSS，並試圖顯示一個圖像作爲背景在我的頭。但似乎沒有發生。請幫助標題中的html橫幅不顯示

這是我的CSS代碼，我把我的形象的TE規格（500 * 2000）：

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>

提前感謝！

來源

2013-11-01 Thomas Pen

你的頭不具備的高度設置;-) –

要麼你需要有高度和寬度設置，或者您需要填寫的東西「

」 – 2013-11-01 12:55:12

內此外，除非'header'定位在一些方式，你不需要'width：100％;' –

爲了解決您的問題，您必須爲您的標題分配一個高度。這可以通過使用height: [Amount of pixels]px;

或者您可以在<header></header>標記之間添加一些內容，以使標題顯示。

來源

2013-11-01 12:57:37

只有具有'px'的高度才能工作！ –

我將高度設置爲100％仍然沒有結果 –

Edited ....將高度設置爲您想要的像素數量....如果將其設置爲比圖像更多，則會將其留爲空白圖片是小到可以達到.. – 2013-11-01 13:04:26

標題中的html橫幅不顯示

回答

相關問題