gpt4 book ai didi

html - CSS 背景图像未显示

转载 作者:太空宇宙 更新时间:2023-11-04 03:38:23 26 4
gpt4 key购买 nike

当我尝试通过 CSS 将背景图像放入 div 时,没有任何显示。我试过添加位置、宽度、高度等属性。而且,我还可以通过 CSS 将照片放在 <body> 中。标签。但是,很明显,我不想把它留在那里。这是我的 html:

    <!DOCTYPE html/>
<html>

<head>

<link type="text/css" rel="stylesheet" href="main.css"/>

<title>
Lovers &amp; 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com