LESS Ngăn không cho thêm url tương đối

Question

Tôi đang sử dụng dotLess trên dự án MVC và tôi không thể thêm đường dẫn url ('') từ các tệp ít được nhập.

Tôi có đoạn code dưới sau đây:

@myvar : '../../'; 

body 
{ 
    background-image:url('@{myvar}chosen-sprite.png'); 
} 

nào tạo ra css sau khi trong file .less chính, đó là chính xác:

body { 
    background-image: url('../../chosen-sprite.png'); 
} 

Vấn đề là nếu tôi di chuyển này mã vào tệp .less thứ hai trên một thư mục khác và sau đó nhập tệp đó từ tệp chính ít hơn. Ví dụ:

@import 'myFolder/mySecondfile.less 

Bây giờ CSS được tạo ra trông như thế này:

body { 
    background-image: url('myFolder/../../chosen-sprite.png'); 
} 

Có cách nào để ngăn chặn điều đó "Myfolder" từ được hiển thị ở đó? Tôi biết tôi chỉ có thể viết đường dẫn tuyệt đối, nhưng điều đó có nghĩa là thay đổi địa chỉ mỗi lần gốc của trang web (thường xảy ra trong khi thử nghiệm).

Cảm ơn

Answer 1

Bạn nên cố gắng thay đổi varible vào @myVar: './../../'

Answer 2

Tôi không chắc chắn nếu bạn đã bao giờ nhận được một câu trả lời cho điều này, nhưng bạn có thể thoát khỏi chuỗi.

.body { 
    background-image: ~"url('chosen-sprite.png')"; 
} 

Lưu ý dấu ngã và trích dẫn xung quanh toàn bộ tham số url của kiểu. Nếu bạn muốn đọc thêm về nó, hãy xem String Interpolation và Escaping Strings.