相关疑难解决方法(0)

有没有办法为LESS文件设置公共图像路径?

我使用的是LESS样式语言.

考虑以下CSS:

.side-bg
{
    background:url(../img/layout/side-bg.jpg) top no-repeat;    
}
Run Code Online (Sandbox Code Playgroud)

现在我的所有图像都在../img/我希望能够将变量设置为图像路径的文件夹中,并像这样使用它:

@image-path: ../img;

.side-bg
{
    background:url(@image-path/layout/side-bg.jpg) top no-repeat;   
}
Run Code Online (Sandbox Code Playgroud)

但这不起作用.它不是一个大问题,如果图像文件夹发生变化,我总是可以使用查找和替换.我刚刚开始学习LESS,并想知道这样的事情是否可行.

css less

60
推荐指数
5
解决办法
5万
查看次数

无法错误地导入带有URL的文件

似乎LESS的URL导入策略没有考虑与CSS相同的相对路径.

test.less

@import "sub/test.less";
div.a {
    background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)

sub/test.less

div.b {
    background-image:url('imageb.jpg');
}
Run Code Online (Sandbox Code Playgroud)

output.css

div.b {
    background-image:url('imageb.jpg');
}
div.a {
    background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)

correct_output.css

div.b {
    background-image:url('sub/imageb.jpg');
}
div.a {
    background-image:url('imagea.jpg');
}
Run Code Online (Sandbox Code Playgroud)

有没有办法从LessJS获取此行为或这是实现中的错误?

css url import less

5
推荐指数
1
解决办法
1354
查看次数

标签 统计

css ×2

less ×2

import ×1

url ×1