Naomi,
~ is an ASP.NET control specific feature and it doesn't work in plain HTML elements. If you have the CSS in an ASP.NET page you can use:
background-image: url(< % = ResolveUrl("~./images/load.gif") % >);
But that won't work in a CSS file because it's not served by an ASP.NET page.
In Css files any files are referenced with:
background-image: url(../images/load.gif);
Note the url() function.
More importantly though Url paths are relative to the CSS file (not the HTML page) which makes it relatively easy to reference an image folder in your app.
Note that you should rarely reference paths like /virtual/images/load.gif as these are effectively hardcoded. I'd recommend you always use relative paths inside of CSS.
+++ Rick ---
>Hi everybody,
>
>In ASP.NET MVC project I added an image in Images folder (I created that folder). I'm trying to do this in the site.css
>
>h1 {
> font-size: 2em;
> padding-bottom: 0;
> margin-bottom: 0;
> background-image: '~/Images/ChangeInfo.jpg';
>}
>
>However, I don't see my image at all. Do I reference this image correctly?
>
>Also, I want to display this info at the top
>
>My Application .....................Version ... Date
>
>By just using h1 tag the info is not shown as I want, all shown together. So, I assume I need to create a new class for the date, right? And what do I need to do for the version?
>
>Thanks in advance.