background:url(../ images / nameofimage.jpg);和背景:url(images / nameofimage.jpg);?

时间:2013-04-23 13:48:33

标签: css

十分之九我会写:

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

但是,我刚刚遇到一个问题,我的CSS仅在语法为:

时才起作用
background:url(images/nameofimage.jpg);

我几乎是肯定的,在我突然需要在CSS中添加句点和斜杠之前我遇到过这种情况。

3 个答案:

答案 0 :(得分: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 :(得分:1)

'../'表示你上一个目录

答案 2 :(得分:1)

当您说background:url(../images/nameofimage.jpg);时,表示您指向父目录映像目录。

当您说background:url(images/nameofimage.jpg);时,它表示您指向同一文件夹(您的css所在的文件夹)中的images目录。