Reference background-image in CSS - application MVC 3 ASP.NET in IIS

Question

I have an application hosted in IIS

enter image description here

But not working the background-image from CSS file

The css is referenced from the layout with:

<link href="@Url.Content("~/Content/themes/NewStyleSUPERADMIN/style.css")" rel="stylesheet" type="text/css" />

in the style.css, I have:

background-image: url('/content/themes/NewStyleMeduimHarder/images/Bottom_texture.jpg');

or

background-image: url('/content/themes/NewStyleMeduimHarder/images/Bottom_texture.jpg');

How do I display the image?

steveax · Accepted Answer · 2012-10-25 18:49:36Z

7

background-image: url(images/Bottom_texture.jpg);

answered Oct 25, 2012 at 18:49

steveax

17.8k6 gold badges46 silver badges59 bronze badges

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

Comments

Caelea · Accepted Answer · 2012-10-25 18:51:14Z

1

In the css you should only use url(../images/Bottom_texture.jpg)

And as far as I can see you should also change the url to the css to @Url.Content("~/Content/themes/NewStyleSUPERADMIN/style.css")

answered Oct 25, 2012 at 18:51

Caelea

2,34815 silver badges22 bronze badges

This is the answer that worked for me. I put the images in a folder called "Images." Then I put in this: url("../Images/nameofpicture.gif")

amesh · Accepted Answer · 2012-10-26 04:20:03Z

0

The url should be

url(themes/NewStyleMeduimHarder/images/Bottom_texture.jpg)

With respect to the Content folder.

answered Oct 26, 2012 at 4:20

amesh

1,3293 gold badges23 silver badges55 bronze badges