css：将图像链接到 url答案

【问题标题】：css: linking images to urlscss：将图像链接到 url
【发布时间】：2012-03-27 13:08:24
【问题描述】：

我有点困惑，想知道如何将我的图片链接到每个页面中的网址。让我解释一下。我实际上有这个网站结构：

                                                    ------> folder1-1 
                                    ------> folder1 ------> folder1-2
                                                    ------> folder1-3

                                                    ------> folder2-1 
www.domain.com ------> main folder  ------> folder2 ------> folder2-2
                                                    ------> folder2-3

                                                    ------> folder3-1 
                                    ------> folder3 ------> folder3-2
                                                    ------> folder3-3

当我在每个页面中链接图像时，情况会发生变化；我的意思是我必须修改 url 目标。例如，主文件夹可以直接从源中获取图像，因此 url 看起来像这样"../images/bla.jpg"

但是，我走得越远，时间就越长；即：for folder2："../../images/bla.jpg" 等等其他...

我的图像文件夹位于主文件夹所在的根目录中，因此它们彼此平行。

我找到了 4 种方法来解决这个问题：

1- 直接放置链接的完整网址；即：“http://www.domain.com/images/bla.jpg”（我还不知道这是否会影响网站速度；是否会减慢速度）

2- 疯了，我在网站上越走越添加../../../（我认为这毫无意义。

3- 将所有文件夹“相互平行”排成一行，因此所有文件夹都放在根目录中，图像文件夹可以直接传递到每个页面。

4- 使用外部 css 文件来包含每个页面所需的所有图像（但我认为我将不得不使用完整的 url 将其连接到每个页面或相同的长 ../../../方式）

现在我的问题是，我可以使用具有原始结构的图像而不直接将内容弄乱到每个页面并且不添加完整的 url 吗？

谢谢

【问题讨论】：

标签： css image imageurl

【解决方案1】：

是的，您应该能够使用前导斜杠来表示请求从域的根目录开始。所以/images/bla.jpg 将转换为http://www.domain.com/images/bla.jpg，无论你嵌套多深。

附带说明，点号 1 使用 http://www.domain.com/images/bla.jpg，不会以任何方式影响速度。无论 URL 的措辞如何，它都会被浏览器分解并以相同的方式发送。

【讨论】：

【解决方案2】：

我会使用根相对 url（前导斜杠 - 相对于根目录），viz:

/images/foo.jpg

无论页面（或样式表）在哪里，这都是一致的

【讨论】：