2012-08-27 31 views
0

我們有一個設計師做我們的HTML/CSS和同時更新了一些代碼,我注意到了這一點:在CSS爲什麼背景圖像表現爲url,但在IMG的圖像可以只是在文件路徑

img標籤只是參考該圖片路徑:

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

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

但對於CSS(與background標籤),它使用的URL指定

url的重要性如何?

+4

css解析器怎麼知道你想'background:white'是一個名爲'white'的文件在web服務器v.s上。只是一個顏色規格? –

回答

6

HTML沒有任何地方可以接受「URL或其他」。

CSS確實。 background屬性是一個最好的例子。

background: blue; 

blue是顏色還是相對URL?

+0

這不相關:'background-image:url(/images/pic.png);'仍然需要url()約定。 – mash

+0

@Mash - 它是相關的。不一致將是可怕的。 – Quentin

+0

之後我纔想過像'-webkit-linear-gradient'這樣的東西也可以作爲'background-image'的值,無論如何我都不管。 – mash