0

我正在使用recess来编译和压缩我的LESS文件,但是我在使用特定的Firefox css将Img转换为灰度时遇到了一些麻烦,这是LESS代码的片段

.colorgray {
        filter : url("data:svg+xml;utf8,<svg  id='sometest'>mores-tuff-here</svg>");
}

我运行凹槽 --compress test.less > test.min.css 并且 cat test.min.css 的输出是

.colorgray{filter:url("data:svg+xml;utf8,<svgid='sometest'>mores-tuff-here</svg>")}

你可能会注意到,svg id="sometest" 被渲染为 svgid="sometest",如果我只尝试使用 --compile 标志,我会得到我期望的结果:

.colorgray {
  filter: url("data:svg+xml;utf8,<svg  id='sometest'>mores-tuff-here</svg>");
}

任何人都知道我做错了什么,或者是否有办法告诉休会缩小器忽略那条线?

编辑:yui-compressor 似乎有问题,它会删除数据上的每个空格,有没有办法关闭该选项?

4

1 回答 1

0

我必须创建一个新文件(filters.svg)并将内容放在那里(mores-tuff-here)

并结束使用:

.colorgray {
        filter : url(filter.svg);
}
于 2013-02-25T18:03:36.980 回答