2013-02-22 56 views
0

我使用隐藏来编译和压缩我的LESS文件,但我遇到了一些特定的Firefox css的麻烦,以便将Img转换为灰度,这里是一个代码越少的片段twitter-recess - 压缩问题(yui-compressor)

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

我跑凹槽--compress test.less> test.min.css 和猫test.min.css的输出

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

你可能会注意到,svg id =“sometest”呈现为svgid =“sometest”,如果我只尝试w第i个--compile标志,我得到我所期望的结果:

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

任何人都知道我做错了,或者如果有一种方法来告诉凹槽minifier忽略行?

编辑:似乎是YUI压缩器的问题,它剥去数据上的每个空白,是否有办法关闭该选项?

回答

0

我不得不创建一个新文件(filters.svg),并把内容有(习俗,凝灰岩这里)

并最终使用:

.colorgray { 
     filter : url(filter.svg); 
}