图像文件的位置

Question

我正在编辑一个网站，在层叠样式表文件中，我遇到了这个：

background-image: url(../images/research_icon.png);

但是，如果我输入内容，则没有任何内容：

www.(website).com/images/research_icon.png

我想知道..是否会影响图像的位置？救命？ （图像也在那里因为网页显示它。）

Answer 1

右键点击网站上的图片，然后点击“复制图片网址”

它的位置是域名“www.domain.com /”

之后的所有内容

Answer 2

..不会改变图像的位置。它只是设置图像的相对路径。

../表示文件夹从当前位置向上一级，然后向下到/images/文件夹。

只是设置一个引用位置来链接/加载样式表的图像。它不会对图像本身进行编辑。

快速了解../和./以及/folder/folder/other/images can be found at the bottom of this page.如何向前发展。 imgName.jpg位于您当前的目录中。 /folder/image.jpg表示图片是您所在位置的一个文件夹。 ../images/imagename.jpg表示图片是一个文件夹，位于当前目录的/images/文件夹中。

一旦找到图像的实际位置，就可以使用该方法找到并设置图像的相对路径。

您还可以定义类似url(http://www.yoursite.com/images/logo.jpg);

的取消路径

任何一个都是正确的并且会起作用。各有利有弊。如果您要在以后复制文件或移动位置，相对路径会更灵活。绝对路径保证无论样式表位于何处，都会加载URL中的任何内容。如果该文件出现故障或移动，那么在找到新的绝对路径之前，您将失去运气。

Answer 3

图像文件夹可能位于css文件夹中。所以试试www.(website).com/css/images/research_icon.png。虽然css文件夹本身可能在另一个文件夹中，但很难说。

您还应该能够右键单击图像并检查它以查看其完整路径。