将背景图片设置为 `<body>`

Question

我相信这是一个简单的修复。我只是看不到它。我尝试了我在网上看到的解决方案，但对我的情况都不起作用。

我想做什么：

将背景设为我的<body>

我的代码在做什么：

我体内的 hello world 文字背景为空白。
只在我的 <body> 中显示 <img> 我的 hello world.

<head>
    <style>
        body{
            background-image: url("~/images/indeximg0.jpg");
            margin:0;
    </style>
</head>
<body>
        hello
        <br>
        world
        <br>
        <img src="~/images/testrootimg.jpg" alt="">
</body>

我试过的：

(1)

将根从 url("~/images/indeximg0.jpg") 更改为 url("../../wwwroot/images/indeximg0.jpg");

然而我的测试图像在<br>之后也消失了

(2)

<body style="background-image: url(~/images/indeximg0.jpg)">

没有区别

补充信息：

bootstrap 4.6
razor 框架

Answer 1

我觉得是图片来源的问题。如果你继续google找到一张图片然后复制图片地址替换~/images/indeximg0.jpg和~/images/testrootimg.jpg 和图片地址，然后它应该可以工作，它应该看起来像这样： https://ibb.co/80HsY3Q（hello world 仍然存在，它就在角落里，很难看到）

Answer 2

对你有帮助吗？这是我的测试结果

    <style>
        body {
            background-image: url("/images/bg1.png");
        }
    </style>

顺便说一下，如果您在项目中使用 asp.net 核心并使用 _layout，那么您想为您的网站设置一致的背景图片，您应该在 _Layout.cshtml 中设置样式.

将背景图片设置为 `<body>`

setting background image to a `<body>`

background

background-image

razor

asp.net-core-mvc