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

Question

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

我已经将图像和 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 样式加载正常，它也不会显示图像。

Answer 1

因为你这样说:

I have placed the images and css folders...

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

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