如何使用已附加的引导程序模板将图像正确地附加到背景中

Question

使用我创建的这个帮助台应用程序，我试图使用MacbookBackbround.jpg作为网站的背景图像，以消除空白。我尝试了以下代码，但没有成功：

<div>
<style>
.main-content {
background-image: 
url('../../../../wwwroot/images/MacbookBackground.jpg');
}
</style>
</div>

我还尝试修改theme.css代码，并尝试修改.contain，但都没有成功。

https://github.com/zhadjah9559/HelpDeskTicket/tree/3.LoginAndDB

Answer 1

虽然有点不清楚你到底遇到了什么问题，但我可以告诉你，要获得背景图像，你需要做的不仅仅是添加背景图像属性。在CSS中，您可以将背景图像属性添加到HTML元素中，并添加到图像文件的链接。如果你想让你的图像填满整个浏览器窗口并居中，你必须添加高度、背景位置、背景重复和背景大小属性。

CSS

html {
background-image: url("some_img.jpg");
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}