J'ajoute dynamiquement des balises <link> à la page en utilisant YUI3 et cela fonctionne correctement. Pour tester, j'ai deux fichiers css presque identiques qui contiennent exactement les mêmes images d'arrière-plan mais lorsque je charge le second fichier css, Firebug montre que d'autres requêtes http sont faites pour les mêmes images dans le premier fichier css.Les images d'arrière-plan Css ne sont pas mises en cache par FireFox
La JS
Y.one('head').appendChild(Y.Node.create('<link rel="stylesheet" id="' + cObject[target] + 'css' + '" type="text/css" href="css/' + c[target] + '.css" />'));
Un exemple bg css
background-image: url(../../img/layout/apic.png);
J'aimerais évidemment que cela ne se produira pas, mais ne sais pas où commencer à chercher. Cela peut faire la même chose dans d'autres navigateurs mais je ne sais pas quels plugins sont disponibles (le cas échéant) pour les autres navigateurs.
EDIT: Les en-têtes semblent être bien mais ce bug pourrait être le coupable ... Que puis-je utiliser dans IE/Chrome/Safari pour tester les requêtes http pour voir si c'est seulement FF?
Quels sont les en-têtes renvoyés par votre serveur avec la réponse aux demandes GET du fichier image? – Pointy
duplicata possible de [cache du navigateur ignoré dans firefox?] (Http://stackoverflow.com/questions/657966/browser-cache-bypassed-in-firefox) – Leonardo