十有八九我會寫:background:url(../ images/nameofimage.jpg)有什麼區別?和背景:url(images/nameofimage.jpg);?
background:url(../images/nameofimage.jpg);
不過,我正好碰上了一個問題,我的CSS只有工作時,語法是:
background:url(images/nameofimage.jpg);
我在我突然需要在CSS中添加句點和斜線之前,我已經遇到過這種情況了。
十有八九我會寫:background:url(../ images/nameofimage.jpg)有什麼區別?和背景:url(images/nameofimage.jpg);?
background:url(../images/nameofimage.jpg);
不過,我正好碰上了一個問題,我的CSS只有工作時,語法是:
background:url(images/nameofimage.jpg);
我在我突然需要在CSS中添加句點和斜線之前,我已經遇到過這種情況了。
讓說你有一個這樣的目錄結構:
~ Root
- Styles
* site.css
- Images
* nameofimage.jpg
那麼它的更多鈔票不是在你的style.css background:url(images/nameofimage.jpg);
寫,因爲你搜索~/styles/images/nameofimage.jpg
與此文件不退出。
當您編寫background:url(../images/nameofimage.jpg);
時,您將返回一個文件夾,然後搜索images/nameofimage.jpg
,以便轉至文件~images/nameofimage.jpg
。
隨着../
你可以瀏覽文件夾。
'../'
意味着當你說background:url(../images/nameofimage.jpg);
這意味着你都指向父目錄images目錄,你去了一個目錄
。
當你說background:url(images/nameofimage.jpg);
這意味着你指向的圖像目錄在相同的文件夾(你的CSS有的文件夾)。
'../'指向父目錄。下面是一個解釋差異的文檔:http://webdesign.about.com/od/beginningtutorials/a/aa040502a.htm – 2013-04-23 13:49:54
有關完整的概述:http://en.wikipedia.org/wiki/Path_(computing) – 2013-04-23 13:50:23
這一切都取決於你如何佈局你的文件和文件夾@Pekka給出了一個很好的例子 – Andrew 2013-04-23 13:55:49