在css中设置背景网址的最佳方法是什么？答案

【问题标题】：which is best way to set background url in css?在css中设置背景网址的最佳方法是什么？
【发布时间】：2014-04-18 16:31:04
【问题描述】：

我是 mvc 应用程序和在 aspx 视图引擎中创建站点的新手。我在 mycss/style.css 中有一个 css 文件，图像在 images/img1.jpg 中。有什么区别

 background: url("../images/img1.jpg") no-repeat;
 and background: url("~/images/img1.jpg") no-repeat;

在 style.css 中

【问题讨论】：

【解决方案1】：

background: url("../images/img1.jpg") no-repeat;

以上是相对于当前位置的。上一个文件夹，再下到 images 文件夹，最后得到图片文件。

background: url("~/images/img1.jpg") no-repeat;

以上内容无效。波浪号表示从站点根目录开始。但是 CSS 不支持这种语法。相当于background: url("/images/img1.jpg") no-repeat;。

根据您的网站布局，两者都可以使用。我倾向于使用根相对路径，因为如果您将 CSS 文件移动到不同的文件夹，它可能会因相对于当前位置的路径而中断。

关于相对与站点相对与绝对的良好讨论，see this article。

【讨论】：

【解决方案2】：

你也可以这样写background: url("images/img1.jpg") no-repeat; 没有任何“前缀”，表示“images 文件夹中的图像。

【讨论】：

【解决方案3】：

这是正确的方法。

background: url("../images/img1.jpg") no-repeat;

【讨论】：