我試圖將圖像添加到我的「歡迎」ID,但圖像不會顯示。背景圖片不會顯示HTML/CSS
這裏是我的CSS和HTML:
body {
margin: 0;
width: 100%;
height: 100%;
font-family: Helvetica;
}
.header {
width: 100%;
height: 35px;
background-color: rgba(0, 0, 0, 0.3);
}
#welcome {
background-image: url(../images/Welcome.jpg);
width: 100%;
height: 100%;
}
<!DOCTYPE html>
<html>
<head>
<title>Template</title>
<link rel="stylesheet" href="design.css">
<link rel="stylesheet" type="text/css" href="simplegrid.css">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="header">
<div class="grid grid-pad">
<div class="col-1-3">
<h1>Logo</h1>
</div>
<div class="col-2-3">
<a href="#about">About</a>
<a href="#whatwedo">What we do</a>
<a href="#whoweare">Who we are</a>
<a href="#work">Our Work</a>
<a href="#contact"> Contact Us</a>
</div>
</div>
</div>
<section id="welcome">
</section>
</body>
</html>
我試過網址盒內單引號和雙引號。我也使用標籤將圖像添加到身體,並以這種方式顯示,但由於某種原因,它不會通過樣式表顯示。我也嘗試過嵌入式和內聯的CSS,都沒有工作。 任何幫助,將不勝感激。
你確定網址是正確的嗎?該標籤沒有任何內容也... – Li357
嘗試添加部分隊友的一些內容 –
您需要添加一些內容。還要確保圖像的路徑是正確的。 – pol