Set background image in asp.net core mvc

Question

I have created a folder inside wwwroot, called Media. I'm trying to set a background image with css like this:

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

But the background does not appear.

However, if I try to put is as a image it works:

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

So, how do I handle background images?

Is the server does not send the imag?! Inspect the code from the browser and see if it received from the server or not ? — Ibram Reda
– Ibram Reda, Commented Mar 13, 2021 at 11:17
ASP.NET's Tag-Helpers for resolving ~/ do not work inside style="" attributes, but you can use @Url.Content(). — Dai
– Dai, Commented Mar 14, 2021 at 4:34
Bryan: a quick reminder about spelling. Would you please use a spell-checker? — halfer
– halfer, Commented Apr 22, 2021 at 22:58

dekanidze · Accepted Answer · 2021-03-14 04:30:45Z

1

Try the following:

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

answered Mar 14, 2021 at 4:30

dekanidze

1622 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Brebber · Accepted Answer · 2021-03-13 11:03:45Z

0

Maybe: try to use url of image instead of relative path.

In That case I suppose `https://yourdomain/media/background.png' could do the trick.

answered Mar 13, 2021 at 11:03

Brebber

3,1142 gold badges12 silver badges20 bronze badges