CSS Custom property Url isn't working in Asp .Net

Question

I'm trying to style some cards in an mvc project and i have a custom property(variable) in my css "--bg-img" file as shown :

 background-image: linear-gradient(rgba(0, 0, 0, var(--bg-filter-opacity)), rgba(0, 0, 0, var(--bg-filter-opacity))), var(--bg-img);

and in the cshtml file my code looks like this :

<a class="card-posting-link posting-links" asp-action="details" asp-route-id="@item.Id" style="--bg-img: url('../../wwwroot/Uploads/@item.ImagePath')">

in vs code everything is fine, example :

<a class="card-posting-link posting-links" href="/#/" style="--bg-img: url(/Assets/image.jpeg)">

I tried:

~/Uploads

~/wwwroot/Uploads

and many other ways to get the images but nothing worked.

Mohamad Hammash · Accepted Answer · 2022-01-12 07:59:06Z

1

The Solution was to add c# Url.Content bewfore the css adding the css url like this :

href="@Url.Content("~/wwwroot/Uploads/@item.ImagePath")" />

You can check the following link:

https://stackoverflow.com/a/48386317/15091527

answered Jan 12, 2022 at 7:59

Mohamad Hammash

2571 silver badge9 bronze badges

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

Collectives™ on Stack Overflow

CSS Custom property Url isn't working in Asp .Net

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related