2

私はこのgulp css minification行を持っています:

.pipe(minifycss({advanced:false, keepSpecialComments : 0}).on('error', gutil.log))

このcss部分を縮小すると：

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)"; 
    -ms-filter: "alpha(opacity=30)";
}

私はこれを得る：

mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30')"}

そのブラケットのせいでcss全体が壊れます。

これを回避するために見逃したオプションはありますか? (nanocss atm に切り替えることはできません)

4

2 に答える 2

0

これを尋ねるコメントを追加することはできませんが、次の括弧が原因で壊れているということですか。

filter: "alpha(opacity=30)"; 
-ms-filter: "alpha(opacity=30)";

もしそうなら、私はおそらくこれらを完全に削除するでしょう。opacity プロパティ自体は、すべての主要なブラウザーでサポートされており、IE9 以降 (リンク) に対応しています。

IE 8 のサポートが必要な場合は、autoprefixer を使用し、縮小後にこれをビルド ツールに追加することをお勧めします。

于 2016-02-01T16:25:21.463 に答える