LESS CSS背景与相对路径

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/216390.html

猜你在找的CSS相关文章