十分之九我会写:
background:url(../images/nameofimage.jpg);
但是,我刚刚遇到一个问题,我的CSS仅在语法为:
时才起作用background:url(images/nameofimage.jpg);
我几乎是肯定的,在我突然需要在CSS中添加句点和斜杠之前我遇到过这种情况。
答案 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目录。