较少CSS背景与相对路径

Question

我在使用LESS作为我网站的样式表时遇到了问题.就个人而言,我宁愿在CSS中使用相对路径而不是绝对路径(仅限我的习惯),但现在当我使用LESS导入功能时,我遇到了一个问题,如下所示.

我main.less在根文件夹中有一个文件

@import "inc/inc.less";

和文件inc.less夹中的文件inc

.homeBgr {  
    background: url('icons/Home.gif');
}

图像Home.gif在文件夹中/root/inc/icons

 - main.less
      - inc
         - inc.less
         - icons
            - Home.gif

与lessc输出

.homeBgr {  
    background: url('icons/Home.gif');
}

但是,我的期望是

.homeBgr {  
   background: url('inc/icons/Home.gif');
}

如果我使用less.js作为客户端编译器,我得到了预期的输出,但是如果我使用lessc,我不会.

有谁有同样的问题,并有一个解决方案吗？或者真的,关于如何使这个工作的任何建议.提前致谢.

Answer 1

你必须使用.less的逃避功能.它看起来像这样.firebug它或使用chromes firebug之类的东西检查路径,如果这不起作用,你需要将它调整到根文件夹.你可以至少在它逃脱之后进行调整.

background: ~"url('inc/icons/Home.gif')";