compassのミックスインとCSS3 PIEでグラデーション

パスの問題によりhtcではなくjsを使用することが多くなった。

compassのミックスインでグラデーション


@import "compass";
.sample{
@include background(linear-gradient(#fff, #000));
}

なんだけど、これだけだとIEダメダメトリオ(7,8,9)ではグラデが表示されない。
※IE6は逝去

CSS3 PIEと併用する。
scss側はこんな感じ。


@import "compass";
.sample{
@include background(linear-gradient(#fff, #000));
-pie-background: linear-gradient(#fff, #000);
position: relative;
}

relativeはCSS3 PIEがうまく働かないときに。