Question

在CSS中包含背景图片

div{
  background-image:url("../css/images/photostack/prev.png");
}

Carbiner缩小它显示为

div{
    background-image: url("http://localhost/my_proj/public/css/slider.css../css/images/photostack/prev.png");
}

因此无法访问所需的png文件。

我该如何纠正？

我的项目是

my_proj
|
|- application
|  |- .........
|  ..........
|
|- public
   |- js
   |
   |- css
      |
      |- slider.css
      |
      |- images
         |
         |- photostack
            |
            |- prev.png

我已将卡宾的配置配置为：

    //carabiner minifier
    $this->load->library('carabiner');
    $carabiner_config = array(
        'script_dir' => base_url().'public/js', 
        'style_dir'  => base_url().'public/css',
        'cache_dir'  => 'cache',
        'base_uri'   => base_url(),
        'combine'    => TRUE,
        'dev'        => FALSE
    );
    $this->carabiner->config($carabiner_config);

Answer 1

我从未使用过这个，但在快速阅读登山扣文档后，我发现了错误：

script_dir

STRING脚本目录的路径。相对于CI前端控制器（index.php）

style_dir

STRING样式目录的路径。相对于CI前端控制器（index.php）

是的，正如您可能已经猜到的那样，这是您要添加到配置数组的base_url（）帮助器。路径应该相对于index.php，所以基本上你只需要这样做：

'script_dir' => 'public/js', 
'style_dir'  => 'public/css',

登山扣包括CSS中的相对背景图像

1 个答案: