CSS 背景图像不会显示短 URL

我已经完成了搜索，但这些主题没有帮助。

我试图让标题的背景图像在标题 div 的 X 轴上重复。

当我使用长 URL 制作 CSS 时，例如

background-image:url('http://site.com/images/logo.png');一切正常

当我尝试将 CSS 缩短为诸如 ~/images/ 之类的内容，甚至将 CSS 和站点文件放在根文件夹中并使用 /images/ 时，我什么也得不到

background-image:url('~/images/logo.png')

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

这可能是因为您没有适当缩短网址。

假设绝对路径为：

url('www.example.com/images/imageName.png');

根相对 URL 将是：

url('/images/imageName.png');

和一个相对路径（假设你的 CSS 文件位于www.example.com/css/cssStylesheet.css） 将会：

url('../images/imageName.png'); /* parent directory, then the images directory */

The ~我不知道前缀 url 格式，但我怀疑它是 ASP 或 .NET 表单？尽管我无法就此提供建议。

可能对您有用的问题：

• 如何将相对 URL 转换为完整 URL？ https://stackoverflow.com/questions/126242/how-do-i-turn-a-relative-url-into-a-full-url
• 在CSS文件中使用相对URL，它相对于什么位置？ https://stackoverflow.com/questions/940451/using-relative-url-in-css-file-what-location-is-it-relative-to
• 绝对 url、相对 url，以及...？ https://stackoverflow.com/questions/904046/absolute-urls-relative-urls-and