【问题标题】:Set background image in asp.net core mvc在 asp.net core mvc 中设置背景图片
【发布时间】:2021-06-11 05:08:01
【问题描述】:

我在 wwwroot 中创建了一个名为 Media 的文件夹。我正在尝试使用这样的 css 设置背景图像:

<body style='background-image: url("~/Media/background.png")'>

但是背景没有出现。

但是,如果我尝试将其作为图像放置:

<img src="~/Media/background.png" />

那么,我该如何处理背景图片呢?

【问题讨论】:

  • 是服务器没有发送图像吗?!检查浏览器中的代码,看看它是否从服务器接收到?
  • ASP.NET 用于解析~/ 的标记助手在style="" 属性中不起作用,但您可以使用@Url.Content()
  • Bryan:关于拼写的快速提醒。请您使用拼写检查器吗?

标签: css asp.net asp.net-core razor


【解决方案1】:

尝试以下方法:

<body style="background-image: url(../Media/background.png)">

【讨论】:

    【解决方案2】:

    也许:尝试使用图片的 url 而不是相对路径。

    在这种情况下,我认为 `https://yourdomain/media/background.png' 可以解决问题。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-10-22
      • 1970-01-01
      • 2023-03-25
      • 1970-01-01
      • 2020-11-21
      • 2015-05-09
      • 2012-03-07
      • 2020-07-03
      相关资源
      最近更新 更多