CSS background-image 不会显示短 URL

Question

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

我正在尝试让我的标题的背景图像在标题 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')

Answer 1

这可能是因为您没有适本地缩短 URL。

假设一个绝对路径:

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 */

~ 前缀的 url 格式对我来说是未知的，但我怀疑它是 ASP 或 .NET 表单？虽然我无法就此提供建议。

可能对您有用的问题:

• How do I turn a relative URL into a full URL?
• Using relative URL in CSS file, what location is it relative to?
• Absolute urls, relative urls, and...?