Html 我的网站'；s背景赢得'；t加载/显示

好吧，这是我的问题。出于某种原因，我想要作为我网站背景的图像无论如何都不会加载。我正在用Notepad++编写代码。我知道它无法通过之前的测试图片加载，所以我决定暂时搁置它，在实际背景上工作。但现在这一切都结束了，我面临着与以前完全相同的问题，没有明显的解决方案。有一次，我和我的朋友尝试使用image{}而不是url{}。我们尝试将其移动到html文件而不是css文件。没有什么。我不知道这个解决方案是极其复杂还是如此简单，以至于沉积岩都能找到它，我也不在乎。我只是想，不，需要它来工作。求救

正文{
字体系列：“Lato”，无衬线；
过渡：背景色。5s；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#17003f；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#deccff；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}

hmtl{
背景图片：url（图片文件夹/websitebundground.png）；
背景位置：中心；
背景重复：无重复；
}
☰
侧导航推送示例
单击下面的元素打开侧面导航菜单，并将此内容向右推。请注意，当sidenav打开时，我们为body添加了一个黑色透明背景色

函数openNav（）{
document.getElementById（“mySidenav”）.style.width=“250px”；
document.getElementById（“main”）.style.marginLeft=“250px”；
document.body.style.backgroundColor=“rgb（255,0255）”；
}
函数closeNav（）{
document.getElementById（“mySidenav”）.style.width=“0”；
document.getElementById（“main”）.style.marginLeft=“0”；
document.body.style.backgroundColor=“绿色”；
}

删除此项，您不应该在html标记下执行此操作

<style>
hmtl {
    background-image: url(images folder/websitebackground.png);
    background-position: center;
    background-repeat: no-repeat;
}
</style>

---

此外，无需在html中执行此操作，您可以将其添加到css文件中，并确保您使用的url（）是正确的。

应该是这样的。你应该为body标签而不是html做这件事。还需要引用url中的路径

<style>
body {
    background-image: url("images folder/websitebackground.png");
    background-position: center;
    background-repeat: no-repeat;
}
</style>

身体{
背景图像：url（“图像文件夹/websitebundground.png”）；
背景位置：中心；
背景重复：无重复；
}

首先，你应该把背景放在正文上，而不是html 第二，我认为你的链接是错误的，尝试一个新的正确链接

正文{
字体系列：“Lato”，无衬线；
过渡：背景色。5s；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#17003f；
溢出x：隐藏；
过渡：0.5s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#deccff；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#f1f1；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}

身体{
背景图片：url(https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?cs=srgb&dl=cold-车辆-水-531880.jpg&fm=jpg）；
背景位置：中心；
背景重复：无重复；
}
☰
侧导航推送示例
单击下面的元素打开侧面导航菜单，并将此内容向右推。请注意，当sidenav打开时，我们为body添加了一个黑色透明背景色

函数openNav（）{
document.getElementById（“mySidenav”）.style.width=“250px”；
document.getElementById（“main”）.style.marginLeft=“250px”；
document.body.style.backgroundColor=“rgb（255,0255）”；
}
函数closeNav（）{
document.getElementById（“mySidenav”）.style.width=“0”；
document.getElementById（“main”）.style.marginLeft=“0”；
document.body.style.backgroundColor=“绿色”；
}

首先使用propper代码编辑器。它会控制你的打字错误。在CSS主体标记中插入与背景相关的行。它应该出现在主体部分，而不是整个HTML中

 body {
    font-family: "Lato", sans-serif;
    transition: background-color .5s;

    background-image: url(images folder/websitebackground.png);
    background-position: center;
    background-repeat: no-repeat;
    }

---

因此，我将相关代码移回CSS，并将其放在“body”下，对我来说效果很好。如果您需要参考，我为您创建了一个代码笔：

不能在“html”下设置背景图像，必须在“正文”下设置。此外，请确保url（）中的图像路径正确，否则它显然也无法工作

---

希望这有帮助

不要在html标签上这样做。在body标签上添加背景。url（）中的路径也应该在引号中。首先，使用

body

标记而不是

html

标记来放置背景图像。另外，您将

html

拼错为

hmtl

。

 body {
    font-family: "Lato", sans-serif;
    transition: background-color .5s;

    background-image: url(images folder/websitebackground.png);
    background-position: center;
    background-repeat: no-repeat;
    }

body {   
  font-family: "Lato", sans-serif;   
  transition: background-color .5s;   
  background-image:   url(https://c402277.ssl.cf1.rackcdn.com/photos/11552/images/hero_small/rsz_namibia_will_burrard_lucas_wwf_us_1.jpg); 
  background-position: center;   
  background-repeat: no-repeat; 
}