référençant des images dans le dossier app_themes/images après avoir combiné des scripts css

Question

Je voulais combiner des fichiers css app_themes en un seul fichier à la volée. Je l'ai fait en utilisant la technique Mads Cristensen . Mais maintenant, tous les éléments qui ont une image de fond définie par css (voir image) n'affichent pas l'image. . Je crois que c'est parce que les fichiers css ne sont plus relativement référencés (../), mais via le fichier axd. J'essaye de résoudre ceci en changeant la référence aux dossiers d'image sans succès. J'ai déjà essayé background: url("~/App_Themes/44/images/myimage.gif") et cela fonctionne pour les pages qui combinent css. Mais le problème est qu'il y a d'autres pages dans ce projet qui n'utilisent pas cette combinaison de css et maintenant elles ont perdu la référence aux images de fond. Des idées?

Answer 1

Je pense que le ApplicationPath pourrait causer une certaine confusion dans ce cas ...

L'utilisation d'un chemin logique (par rapport à la racine du serveur web) dans le fichier * .css fonctionnera indépendamment du fait qu'il est rendu nativement à partir du dossier App_Themes ou via un gestionnaire * .axd.

Prenez cet exemple, par exemple:

body 
{ 
    background-image:url('/WebSite1/App_Themes/Theme1/Image/Logo3.png'); 
} 

Cela résoudre correctement si elle est rendue par un gestionnaire * .axd à la racine (ou à toute profondeur sous la racine) et il résoudra si elle est rendue au /WebSite1/App_Themes/Theme1/StyleSheet.css.

Les chemins spécifiques à ASP.NET commençant par ~ (chemins relatifs à la racine) n'ont aucune force dans les fichiers * .css et doivent d'abord être résolus en un chemin logique à l'aide de ResolveUrl().

(1) - http://www.west-wind.com/weblog/posts/132081.aspx