我是 mvc 应用程序和在 aspx View 引擎中创建站点的新手。 我在 mycss/style.css 中有一个 css 文件,图像在 images/img1.jpg 中。 有什么区别
background: url("../images/img1.jpg") no-repeat;
and background: url("~/images/img1.jpg") no-repeat;
在 style.css 中
最佳答案
background: url("../images/img1.jpg") no-repeat;
以上是相对于当前位置的。上一层文件夹,下一层图片文件夹,最后得到图片文件。
background: url("~/images/img1.jpg") no-repeat;
以上无效。波浪号表示从站点根目录开始。但是 CSS 不支持这种语法。等效项是 background: url("/images/img1.jpg") no-repeat;
。
根据您的网站布局,两者都可以。我倾向于使用根相对路径,因为如果将 CSS 文件移动到不同的文件夹,它可能会破坏相对于当前位置的路径。
关于相对与站点相对与绝对的良好讨论,see this article .
关于html - 哪个是在 css 中设置背景 url 的最佳方式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23158192/