"welcome" 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を試しても、どちらもうまくいきませんでした。 ご協力いただければ幸いです。
URLが正しいことを確認しましたか?タグには何も入っていません... – Li357
セクションメイトのコンテンツを追加しようとします。 –
コンテンツを追加する必要があります。また、画像へのパスが正しいことを確認してください。 – pol