JavaScript/CSS /图像参考路径

我想知道是否有人喜欢在他们的网站中引用图像/ css或javascript文件？

我问的原因是,如果客户想要托管我们在虚拟目录下编写的网站,该网站通常必须更改它的文件引用 - 甚至更改为CSS文件中的url(...图像路径),因为我们通常开发网站就像它是一个根应用程序 - 有时客户端不知道他们将在哪里托管它直到下降日期前一天!

使用ASP.NET时,我们可以通过在使用runat服务器组件时使用'〜'引用项目或使用ASP.NET MVC时使用Url.Content方法来解决表单中的问题...

那么,有没有什么好的解决方案可以保持文件引用的通用性,或者我们是否每次都要更改文件引用？

CSS中的图像(如background-url)总是相对于css文件引用.

例:

/img/a.gif
/css/c.css

要从a.gifcss文件中引用,您必须始终像这样引用它../img/a.gif,与页面的位置或重写方式无关

我喜欢将所有样式图像保存在样式表位置的子目录中,例如:

Site-> Style-> Common.css
Site-> Style-> Images-> Background.png

通过这种方式,您可以缓解CSS中"up"目录的问题,或者需要轻松移动CSS,因为它只包含在一个目录中.

坦率地说,将样式图像和内容图像混合在一起可能会在拥有大量媒体的大型网站中变得有点混乱.

您仍然可以使用具有"向上"导航的相对地址:

例如,/styles/main.css用于/images/bg.png:

background-image: url('../images/bg.png');

或者/path/to/this/page.html为了/index.html

Home

它可能不是最吸引人的,但应该有效.