2012-08-17 57 views
1

我想在CSS中使用相对链接包含背景图像。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级深的域树。

我一定错过了一件令人难以置信的简单但我无法弄清楚它是如何工作的。

+0

你有没有这有什么好运气? – Jeemusu 2012-08-19 06:27:25

回答

0

您的网址看起来问候你的文件结构的罚款。假设这是你的文件结构:

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

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

从它实际上在url输出..代码,也许你需要附上网址引号的事实:

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

+0

是的,那是我的文件结构。我已经试过两种不带引号的单引号和双引号。在网站管理员世界的来源估计这是由于引用... – Joshua 2012-08-17 06:52:59

+0

奇怪的是,你的CSS似乎罚款给我..你的CSS文件的网址显示在你的头,包括链接标签? – Jeemusu 2012-08-17 06:55:49

0

使用下面的代码:

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