在IE8中使用CSS3 PIE进行渐变效果

Question

我正在使用CSS3PIE为div生成渐变背景。

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

以上代码呈现所需效果。但是这会用渐变填充div的完整高度。

我需要将梯度从div顶部限制为几个像素（或百分比）。

Chrome的CSS3等价物

  

背景：-webkit-gradient（线性，左上，左下，   颜色停止（0％，＃BPFBBB），颜色停止（30％，＃FFFFFF））;

这里的关键是color-stop(30%, #FFFFFF)。如果您之前使用过CSS3 PIE，请建议如何使用CSS3-PIE获取color-stop属性。

Answer 1

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

PIE使用标准渐变语法（除了在规范中已更改但尚未在PIE中更新的方向参数外。）

说到这一点，你也应该为其他浏览器使用标准语法（必要时加前缀）。旧的-webkit-gradient语法不再是当前首选的语法。