2013-04-23 66 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有的文件夹)。