css - RAILS アプリで COMPASS を使用した CSS3 PIE

Question

IE 8 で CSS3 が必要なので、IE8 で css3 の「関数」を作成するには PIE が必要だと思います。それを自分のデザインに簡単に統合するにはどうすればよいですか。私はボーダー半径と他の css3 エフェクトをたくさん持っています。

Answer 1

Compassのドキュメントを参照してください。

コンパスインストールコンパス/パイ

これにより、IEのページにロードする必要のあるサンプルスタイルシートとPIE.htc動作ファイルがインストールされます。

Answer 2

コンパスを使ってパイをインストールすることができませんでした。css3pie.comからpieをダウンロードし、PIE.htcファイルをassetsの下のstylesheetsディレクトリに配置し、以下をすべての個々のスタイルシートにインポートする_base.scssファイル内に配置しました。

@import "compass/css3/pie";

$pie-behavior: url("/assets/PIE.htc");
$pie-base-class: pie-element;

.pie-element {
  @include pie-element(relative);
}

次に、@extend.pie-elementを使用します。

お役に立てれば。