ASP.NET核心:背景图像不覆盖整个网页
我怎样才能改变代码来使图片围绕这一点工作呢？ 谢啦！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - CustomerPageTest</title>
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
<style>
body {
background-image: url("/css/Images/cloud-1581.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">
<div class="container">
<a class="navbar-brand" asp-area="" asp-page="/Index">CD Insights</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse d-sm-inline-flex flex-sm-row-reverse">
<ul class="navbar-nav flex-grow-1">
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-dark" asp-area="" asp-page="/Customer/List">Add Assessment</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="container">
<main role="main" class="pb-3">
@RenderBody()
</main>
</div>
<footer class="border-top footer text-muted">
<div class="container">
© 2020 - CustomerPageTest - <a asp-area="" asp-page="/Privacy">Privacy</a>
</div>
</footer>
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="~/js/site.js" asp-append-version="true"></script>
@RenderSection("Scripts", required: false)
</body>
</html>
共有2个答案
导航栏必须在图像的顶部，这就是为什么它没有显示为@remmy post之前，你可以这样做
.navbar{ background: transparent};
我不认为图像被剪掉了。
您使用bootstrap使您的导航栏的背景在这里是白色的；
<nav class="navbar navbar-expand-sm navbar-toggleable-sm *navbar-light bg-white* border-bottom box-shadow mb-3">
现在，你的导航栏是在你的背景图像的顶部与白色的背景颜色，这使它看起来像它被切断。
-
我正在构建一个聊天应用程序，当我向用户发送一个图像时，图像并没有覆盖我给出的背景，而是给出了顶部和底部的有线填充。如何解决这个问题。我给出的填充是每边7dp，这里是我的代码
-
问题内容： 我有一个。当用户悬停div时，我想用rgba颜色（）覆盖背景图像。 我想知道是否有一个一格解决方案（即没有多个div，一个用于图像，一个用于颜色，等等）。 我尝试了多种方法： 而这个CSS： 我看到的唯一选择是制作另一个具有覆盖层的图像，使用JavaScript预加载然后使用。但是，我想要一个仅CSS的解决方案（更整洁；更少的HTTP请求；更少的硬盘）。有没有？ 问题答案： Peter
-
我想让我的登录活动与背景关闭整个活动，包括手机本身的时钟像这样 这是我的密码 但我的输出是 我需要删除橙色条，使其与第一个图像相同。 我如何按照这种风格制作：
-
正如这里所讨论的，我试图在div中覆盖一幅图像。仅用这些简单的线条，我就可以通过背景图像来实现这一点： 结果图像在div中居中并调整大小以适应div的宽度或高度（取决于图像是否宽）。现在我想在div中使用图像标签实现相同的结果。 有没有办法用普通的CSS来解决这个问题？
-
问题内容： 假设我要在CSS中渲染箭头，箭头应具有头部，尾部和灵活的宽度，以便可以包含文本。我当然可以创建多个div来获得所需的内容，但是如何在CSS3中完成呢？ 我可以使用多个背景图片： 的HTML： 这给了我一个带有箭头和尾巴的透明中间部分。似乎不可能在中间部分指定颜色。 仅使用一张背景图像，您可以执行以下操作： 我知道这在很多方面都是可行的，但是背景颜色属性是否真的从速记定义中丢失了？ 问题
-
.NET核心和ASP.NET核心到底有什么区别？
-
除了背景颜色，也可以使用背景图像来实现各种复杂、有趣的背景效果。CSS中，使用 background-image属性来定义背景图像的路径，取值为 none | url，默认值为 none。 url 可以是相对路径，也可以是绝对路径。使用相对路径时，url 是相对于 css 所在的文件，而不是要设置样式的HTML文件。如，下面代码表示，使用 css 文件所在目录下的 img 文件夹下的图像 bg.g
-
问题内容： 这是一个非常简单的程序，我已尽力而为，但JPanel并未提供背景图片。我只希望面板上有一个简单的背景图像。 这是我的代码： 提前致谢 问题答案： 更换 与