1

CSS3PIEを使用して、divのグラデーションの背景を生成しています。

-pie-background: linear-gradient(#BFBBBB, #FFFFFF);

上記のコードは、目的の効果をレンダリングします。しかし、これはdivの完全な高さをグラデーションで埋めます。

divの上部から数ピクセル(またはパーセンテージ)までグラデーションを制限する必要があります。

Chromeに相当するCSS3は

背景:-webkit-gradient(linear、左上、左下、color-stop(0%、#BFBBBB)、color-stop(30%、#FFFFFF));

ここでの鍵はですcolor-stop(30%, #FFFFFF)。以前にCSS3PIEを使用したことがある場合はcolor-stop、CSS3-PIEを使用してプロパティを取得する方法を提案してください。

4

1 に答える 1

2
linear-gradient(#BFBBBB, #FFFFFF 30%);

PIEは、標準のグラデーション構文を使用します(仕様で変更されているが、PIE内でまだ更新されていない方向パラメーターを除く)。

そういえば、他のブラウザにも標準の構文(必要に応じて接頭辞を付ける)を使用する必要があります。古い-webkit-gradient構文は、現在推奨されている構文ではなくなりました。

于 2012-12-14T15:57:39.993 に答える