当我尝试通过 CSS 将背景图像放入 div 时,没有任何显示。我试过添加位置、宽度、高度等属性。而且,我还可以通过 CSS 将照片放在 <body>
中。标签。但是,很明显,我不想把它留在那里。这是我的 html:
<!DOCTYPE html/>
<html>
<head>
<link type="text/css" rel="stylesheet" href="main.css"/>
<title>
Lovers & Fighters
</title>
</head>
<body>
<div id="photo">
</div>
<nav>
<ul id="main">
<li>Menu</li>
<li>About</li>
<li>Music</li>
<li>Videos</li>
<li>Photos</li>
<li>Contact</li>
</ul>
<ul id="social">
<li>
<img/>
</li>
<li>
<img/>
</li>
</ul>
</body>
</html>
这是我的 CSS:
#photo{
background-image: url('../images/bandbanner.png')
}
最佳答案
<div id="photo">
</div>
在你的潜水中你没有设置尺寸。例如:
#photo{
background-image: url('../images/bandbanner.png');
width:100px;
height:100px;
}
关于html - CSS 背景图像未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25251589/