CodeIgniter:CSS无法将图像显示为背景

时间:2011-10-21 08:09:40

标签: css codeigniter

我正在使用Codeigniter 2.我正在尝试使用CSS中的背景网址显示一些图像。

我已将图片和css文件夹放在我的index.php目录级别中,我也可以从浏览器访问图像和CSS文件夹,因此我认为这不是.htaccess问题。

我的CSS文件代码如下:

.multiplebgs .upload-creative-browse-button:hover {
  background:
    url(/images/progress_meter_leftcap_round.png) 0 -200px no-repeat,
    url(/images/progress_meter_rightcap_round.png) 100% -200px no-repeat,
    url(/images/progress_meter_fill.png) 0 -200px repeat-x;
  color: #98BD5E;
} 

出于某种原因,即使CSS样式的其余部分加载正常,它也不会显示图像。

1 个答案:

答案 0 :(得分:2)

因为你这么说:

  

我已经放置了图片和css 文件夹 ...

我假设你的文件夹结构是这样的:

root
|--/css    (root/css)
|--/images (root/images)

所以你必须用这种方式指定图像路径:

url(../images/img.png)

这是完整的代码:

.multiplebgs .upload-creative-browse-button:hover {
  background:
    url(../images/progress_meter_leftcap_round.png) 0 -200px no-repeat,
    url(../images/progress_meter_rightcap_round.png) 100% -200px no-repeat,
    url(../images/progress_meter_fill.png) 0 -200px repeat-x;
  color: #98BD5E;
}