CSS中使用url()函數來引用外部資源,例如圖片、字體等。在使用url()函數時,有時需要在資源的路徑中包含空格。這時需要注意一些問題。
例如: background-image: url("images/background.png");
如果路徑中包含空格,需要加上引號將路徑包起來。如果沒有引號,空格會被解釋成一個分隔符,導致解析錯誤。
例如: background-image: url(images/background with space.png);
CSS樣式表解析器會將路徑解析成兩個部分,分別是"images/background"和"with"以及"space.png"。這樣就無法找到正確的資源。
遇到這種情況,可以使用單引號或雙引號將路徑包起來。例如:
background-image: url('images/background with space.png'); background-image: url("images/background with space.png");
引號中的空格會被視為路徑的一部分,而不是分隔符。這樣就可以正確地找到資源。
總之,遇到CSS中url()函數路徑包含空格的情況,需要加上引號將路徑包起來,防止解析錯誤。
上一篇css 圖像變暗
下一篇css3屬性文字換行