"환영"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