0

LESSファイルのコンパイルと圧縮にrecessを使用していますが、特定のFirefoxcssでImgをグレースケールに変換する際に問題が発生しています。これがLESSコードのスニペットです。

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

私はrecess-- compresstest.less> test.min.cssを実行し、cattest.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 に答える