我有这些变量:
@images-url: '../../../Images/';
@theme-images-url: '@{images-url}portal-themes/default/';
@theme-icons-url: '@{theme-images-url}icons/';
这就是我使用它的方式:
background: url('@{theme-icons-url}buttonsheet.png') -2px no-repeat;
这在当地非常有效。但是服务器版本上缺少图像。当我查看生成的LESS文件时,这是生成的CSS:
background: url('../../../../Images/portal-themes/cgi/icons/buttonsheet.png') -2px no-repeat;
如果我将服务器版本编辑为:
@images-url: '../../Images/';
然后生成的CSS是:
background: url('../../../Images/portal-themes/cgi/icons/buttonsheet.png') -2px no-repeat;
这在服务器上显然是正确的,但在本地计算机上断了。我想阻止添加额外的../
,以便它可以在两台机器上运行。
为什么在我的服务器路径的开头添加了额外的../
?我无法理解为什么会发生这种情况。