css:将图像链接到网址

时间:2012-03-10 08:14:25

标签: css image imageurl

我有点疑惑如何将我的图像链接到每个页面中的网址。让我解释一下。我实际上有这个网站结构:

                                                    ------> 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

当我在每个页面中链接图像时,事情会发生变化;我的意思是我必须修改网址目的地。例如,主文件夹可以直接从源获取图像,因此网址将如下所示"../images/bla.jpg"

然而,我越走越远;即: for folder2 "../../images/bla.jpg",依此类推其他人......

我的图像文件夹位于根文件夹中,主文件夹放置在一起,因此它们彼此平行。

我找到了4种解决方法:

1 - 直接将完整的网址放入链接;即:“http://www.domain.com/images/bla.jpg”(我不知道这是否影响了网站的速度;是否放慢速度)

2 - 变得疯狂并在网站中进一步添加../../../(我认为无意义。

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

4 - 使用外部css文件来包含每个页面所需的所有图像(但我想我必须使用完整的URL将其连接到每个页面或相同的长{{1}方式)

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

由于

2 个答案:

答案 0 :(得分:1)

我会使用root相对url(相对于根目录的前导斜杠), viz

/images/foo.jpg

无论页面(或样式表)在哪里

,这都是一致的

答案 1 :(得分:1)

是的,您应该能够使用前导斜杠来表示请求从域的根开始。因此,无论您嵌套多深,/images/bla.jpg都会转换为http://www.domain.com/images/bla.jpg

作为旁注,点号 1 ,使用http://www.domain.com/images/bla.jpg,不会以任何方式影响速度。无论URL如何表达,它都会被浏览器分解并以相同的方式发送。