2013-04-23 28 views
1

十有八九我會寫:background:url(../ images/nameofimage.jpg)有什麼區別?和背景:url(images/nameofimage.jpg);?

background:url(../images/nameofimage.jpg); 

不過,我正好碰上了一個問題,我的CSS只有工作時,語法是:

background:url(images/nameofimage.jpg); 

我在我突然需要在CSS中添加句點和斜線之前,我已經遇到過這種情況了。

+4

'../'指向父目錄。下面是一個解釋差異的文檔:http://webdesign.about.com/od/beginningtutorials/a/aa040502a.htm – 2013-04-23 13:49:54

+3

有關完整的概述:http://en.wikipedia.org/wiki/Path_(computing) – 2013-04-23 13:50:23

+0

這一切都取決於你如何佈局你的文件和文件夾@Pekka給出了一個很好的例子 – Andrew 2013-04-23 13:55:49

回答

5

讓說你有一個這樣的目錄結構:

~ 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

隨着../你可以瀏覽文件夾。

1

'../'意味着當你說background:url(../images/nameofimage.jpg);這意味着你都指向父目錄images目錄,你去了一個目錄

1

當你說background:url(images/nameofimage.jpg);這意味着你指向的圖像目錄在相同的文件夾(你的CSS有的文件夾)。