我十有八九会写:
background:url(../images/nameofimage.jpg);
但是,我刚刚遇到了一个问题,我的 CSS 仅在语法为:
background:url(images/nameofimage.jpg);
我几乎可以肯定,在我突然需要在 CSS 中添加句点和斜杠之前遇到过这种情况。
我十有八九会写:
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);
这意味着您指向父目录图像目录时。
当您说background:url(images/nameofimage.jpg);
这意味着您指向同一文件夹中的图像目录(您的 css 所在的文件夹)。
'../'
意味着你上一个目录