我正在尝试使用less data-uri函数
http://lesscss.org/functions/#misc-functions-data-uri
.test {background-image:data-uri("/images/ui-baseline.svg");}
我希望它能编译一个base64背景图片
.test { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAgNDAiID48cmVjdCB5PSIzOSIgZmlsbD0iI0ZGODBDQiIgd2lkdGg9IjUiIGhlaWdodD0iMSIvPjxwYXRoIGZpbGw9IiM4MERERkYiIGQ9Ik01LDM1SDB2LTFoNVYzNXogTTUsMzBIMHYtMWg1VjMweiBNNSwyNUgwdi0xaDVWMjV6IE01LDIwSDB2LTFoNVYyMHogTTUsMTVIMHYtMWg1VjE1eiBNNSwxMEgwVjloNVYxMHogTTUsNUgwVjRoNVY1eiIvPjwvc3ZnPg==); }
但是我似乎无法让这个工作。 编译后的输出是:
.test {
background-image: url("/images/ui-baseline.svg");
}
我错过了什么吗? 函数是否接受根相对路径?
我正在使用考拉,并且使用更少的1.7
由于
答案 0 :(得分:0)