十有八九我会写: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