html - 哪个是在 css 中设置背景 url 的最佳方式?

标签 html css asp.net-mvc

我是 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/

相关文章:

html - 如何隐藏HTML页面中的垂直滚动条但在div中滚动

javascript - 使用javascript缩小图像

html - 我如何在 CSS 中设置网站以响应不同的分辨率?

javascript - 在部分 View 中向我的表格添加无限滚动

javascript - 更改 Bootstrap Typeahead 的外观

javascript - jQuery 插件自动附加到 li 元素?

html - CSS - 防止弹出窗口隐藏在页面上的其他元素后面

javascript - 允许html2canvas显示图片和下载图片

Asp.net MVC 验证动态表单

jquery - 如何从application_error返回AJAX错误函数?