<p>Assume I have an "images" folder directory under the root of my application.  How can I, from within a .css file, reference an image in this directory using an ASP.NET app relative path.  </p>

<p>Example:</p>

<p>When in development, the path of <strong>~/Images/Test.gif</strong> might resolve to <strong>/MyApp/Images/Test.gif</strong> while, in production, it might resolve to <strong>/Images/Test.gif</strong> (depending on the virtual directory for the application).  I, obviously, want to avoid having to modify the .css file between environments.</p>

<p>I know you can use Page.ResolveClientUrl to inject a url into a control's Style collection dynamically at render time.  I would like to avoid doing this.</p>

In case you didn't know you could do this...
If you give a relative path to a resource in a CSS it's relative to the CSS file, not file including the CSS.
```
```
background-image: url(../images/test.gif);
```
```
So this might work for you.