css:yuicompressor-2.4.8.jar 壓縮問題

2015010922:29


CSS檔中 類似的語法:

filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1"><filter id="svgBlur" x="0" y="0"><feGaussianBlur in="SourceGraphic" stdDeviation="15" /></filter></svg>#svgBlur');


在經過 yuicompressor-2.4.8.jar 壓縮後
會變成

filter: url('data:image/svg+xml;utf8,<svgxmlns="http://www.w3.org/2000/svg"version="1.1"><filterid="svgBlur"x="0"y="0"><feGaussianBlurin="SourceGraphic"stdDeviation="15"/></filter></svg>#svgBlur');

造成
==> 空格被刪掉
==> FireFox 33/34 無法正常顯示


改這樣寫,空格改以 %20 代替:

filter: url('data:image/svg+xml;utf8,<svg%20xmlns="http://www.w3.org/2000/svg"%20version="1.1"><filter%20id="svgBlur"%20x="0"%20y="0"><feGaussianBlur%20in="SourceGraphic"%20stdDeviation="15"%20/></filter></svg>#svgBlur');



參考
http://stackoverflow.com/questions/13949588/yui-compressor-is-removing-spaces-from-filter-values


Github 上也有人針對 yuicompressor 問題 另外寫的修正程式:
YUI-CSS-compressor-PHP-port