2013-02-22 84 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); 
}