CodeIgniter：CSS 无法将图像显示为背景答案

【问题标题】：CodeIgniter: CSS cannot display images as backgroundCodeIgniter：CSS 无法将图像显示为背景
【发布时间】：2011-10-21 08:09:39
【问题描述】：

我正在使用 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 样式加载正常，它也不会显示图像。

【问题讨论】：

你在哪个浏览器上测试这个？它们并不都支持多个背景图片
我猜你对没有-200px 的非悬停也有类似的声明，这行得通吗，你确定你用-200px 将它转移到正确的方向吗？也许它的意思是在你的图像精灵上是 200 像素
实际上我之前没有使用 php 框架（硬编码该死的东西）。但我需要将它移植到 codeigniter 以保持一致性。代码工作正常。我的问题是，当我将它与代码点火器一起使用时，css 似乎无法获取图片..
哦，我在 chrome 14、ff7、safari.... >

标签： css codeigniter

【解决方案1】：

因为你这么说：

我已经放置了图片和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;
}

【讨论】：