LESS CSS背景与相对路径

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

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

@import "inc/inc.less";

和文件夹inc中没有文件夹

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

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

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

输出少

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

但是,我的期望是

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

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

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

解决方法

你必须使用无转换功能.它会看起来像这样. firebug它或使用chromes firebug像事情检查路径,如果这不起作用,你需要调整到一个根文件夹.你可以至少调整它逃脱之后.

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

原文地址：https://www.jb51.cc/css/216390.html