为什么css中的背景图像表示为url，而img中的图像只能是文件的路径答案

【问题标题】：Why are background images in css expressed as url but images in img can just be the path to the file为什么css中的背景图像表示为url，而img中的图像只能是文件的路径
【发布时间】：2012-08-22 09:09:27
【问题描述】：

我们有一个设计师来做我们的 html/css，在更新一些代码时我注意到了这一点：

img 标签只是引用图片的路径：

<img src="/images/pic.png">

但是对于 css（带有 background 标签），它是使用 url 指定的：

header { height: 73px; background: url(/assets/maudi/nav.png); }

url的重要性是什么？

【问题讨论】：

css 解析器如何知道您希望 background: white 成为网络服务器上名为 white 的文件。仅仅是一种颜色规范？

标签： html css url image

【解决方案1】：

HTML 没有任何地方可以接受“URL 或其他内容”。

CSS 可以。 background 属性就是一个很好的例子。

background: blue;

blue 是颜色还是相对 URL？

【讨论】：

这不相关：background-image: url(/images/pic.png); 仍然需要 url() 约定。
@Mash — 这是相关的。不一致会很糟糕。
后来我才想到-webkit-linear-gradient之类的东西也可以是background-image的值，不管我的担心。
@Mash 并非完全错误，考虑到他们可以在background 等分组属性中单独使用位置（而-webkit-linear-gradient 是后来添加的）。不过它的可读性并不高，特别是因为url(black) 是一个非常好的相对uri（从http://example.net/s.css 它将引用http://example.net/black）。对于用作背景的大部分黑色图像来说，它甚至不是一个不太可能的名称。