在IE8中對漸變效果使用CSS3 PIE

Question

我正在使用CSS3PIE爲div生成漸變背景。

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

上面的代碼呈現所需的效果。但是這會填充漸變的div的完整高度。

我需要從div頂部限制梯度高達幾個像素（或百分比）。

CSS3當量爲Chrome是

背景：-webkit梯度（線性，左上，左下， 顏色停止（0％，#BFBBBB），顏色 - 停止（30％，＃ FFFFFF））;

這裏的關鍵是color-stop(30%, #FFFFFF)。如果您之前使用過CSS3 PIE，請建議如何使用CSS3-PIE獲得color-stop財產。

Answer 1

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

PIE使用標準梯度語法（已在規範已經改變，但PIE內尚未更新的方向參數除外）。其中

來說，你也應該使用標準語法（在必要的前提下）也適用於其他瀏覽器。舊的-webkit漸變語法不再是當前的首選語法。