5

したがって、コンパスによると、グラデーションに関しては、Chrome、Safari、Firefox 3.6、および Opera のみをサポートしています。

コンパスで IE のサポートを追加する方法についてのアイデア/その他の回避策はありますか?

コード:

  @import "compass";    
   .testgradient {
    @include background(
      linear-gradient(top left, #333, #0c0)
    );
  }

コードアウト:

.testgradient {

  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #333333), color-stop(100%, #00cc00));

  background: -webkit-linear-gradient(top left, #333333, #00cc00);

  background: -moz-linear-gradient(top left, #333333, #00cc00);

  background: -o-linear-gradient(top left, #333333, #00cc00);

  background: linear-gradient(top left, #333333, #00cc00);
}
4

4 に答える 4

4

IE10より前のバージョンのIEの場合、IEのグラデーションフィルターを処理する必要があります。

IE10以降では、接頭辞なしが機能linear-gradientするはずです[1]。ただし、問題が発生した場合は、他のサイトでベンダープレフィックスを使用するだけ-ms-linear-gradientです。両方のバージョンの構文は、他のすべてのベンダープレフィックス付きグラデーションと同じです。

于 2012-08-21T19:14:42.907 に答える
0

SASSドキュメント全体をいじくり回したくない場合は、次のことを試してください。

filter: e("progid:DXImageTransform.Microsoft.gradient( startColorstr=${topcolor}, endColorstr=${bottomcolor},GradientType=0)");
于 2012-09-07T14:31:11.293 に答える