如何修复背景图像问题[关闭]答案

【问题标题】：How to fix background image issue [closed]如何修复背景图像问题[关闭]
【发布时间】：2020-10-15 17:44:26
【问题描述】：

在使用此应用程序时，我在让背景图像出现在登录表单后面时遇到了一些图像问题。我目前正在使用引导模板来制作这个网站。我尝试使用.main-content div 发布背景图片无济于事。

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

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

【问题讨论】：

嗨@Darnell，关于这个案例有什么更新吗？
我和一位导师最近一直在努力设置数据库。当我们得到一个可靠的方法来修复它时，我会更新。可能必须创建一个新表单并摆脱模板使用的“animsition”类
你试过我的答案了吗？对你有帮助吗？
我做到了，使用支架仅显示表格周围的部分区域。模板创建动画类的方式使其行为如此。只需删除类并使用模板的布局重做表单，希望它会起作用

标签： html css asp.net-core frontend web-frontend

【解决方案1】：

您可以在您的_Layout.cshtml 中添加您的<style>，您的网址应为/images/MacbookBackground.jpg，如下所示。

你的_Layout.cshtml头像：

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

那么在你看来：

<div class="main-content">
<h1 class="display-4">Welcome</h1>
</div>

结果：

【讨论】：