1

我正在尝试使用 css 中的相对链接包含背景图像。

我的树看起来像这样

/_css
/_css/gcrm.css
/_images
/_images/bg-grad1.gif

我用来调用它的css是这样的

background-image: url(../_images/bg-grad1.gif);

它在 Visual Web Developer 中按预期显示,但是当我将它放在网络上时,没有背景。当我在 Chrome 中检查元素时,这是链接文件

mysite.com/_css/../_images/bg-grad.gif

不幸的是,我无法使用/根链接到它,因为我正在尝试设置 SSL,并且我的托管公司允许我们将其用作共享证书,以反映域树中第 1 级的站点。

我一定错过了一些非常简单的东西,但我不知道是什么让它工作。

4

2 回答 2

0

使用以下代码:

background-image: url(../../_images/bg-grad1.gif);
于 2012-08-17T06:36:38.553 回答
0

关于文件结构,您的 url 看起来不错。假设这是您的文件结构:

/_css/
    ...
    gcrm.css
    ...

/_images/
    ...
    bg-grad1.gif
    ...

从它实际上..在代码中输出 url 的事实来看,也许您需要将 url 括在引号中:

background-image: url("../_images/bg-grad1.gif");

于 2012-08-17T06:42:33.630 回答