gpt4 book ai didi

html - 图片不会显示在

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

这是我的代码

HTML:

    <body>
<div id="wrapper"> <!--wrap for all the page-->
<div id="header"> <!-- div for top part-->
<!--<p><img src="image/bannerwithologo.jpg"></p>-->
<div id="txtlogo"> <!-- inside header for text-->
<p>HANA Squad</p>
</div>

<div id="menu"> <!-- inside header for menu-->
<p href=#>Vidéos</p>
<p href=#>Photos</p>
<p href=#>Agenda</p>
</div>
</div>

<div id="contenu"> <!-- contents-->
<div id="welcoming"> <!-- short presentation of the website-->
</div>
</div>

</body>

CSS:

.header {background-image: url('../image/banner.jpg');
height:500px;
width: 500px;

不要在意我的 div 标题中的注释,我正在尝试其他内容并且没有删除它

这不是文件目录的问题,因为如果我将 background-image 放在 css 的 html 中,我的图像就会显示出来

我尝试放置不同大小的 div header ,但是......不起作用

我知道这是个愚蠢的问题..

最佳答案

<div id="header">你在你的代码中使用了一个 id 那么你必须使用一个 #在你的 id 声明的 css 中。

#header {background-image: url('../image/banner.jpg');
height:500px;
width: 500px;

例如,对于您的代码,您必须设置一个类

<div class="header">

关于html - 图片不会显示在 <div> 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41656246/

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