html - 在 IE8 中使用 CSS3 PIE 实现渐变效果

Question

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

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

上面的代码呈现了想要的效果。但这会用渐变填充 div 的完整高度。

我需要将渐变限制为从 div 顶部开始的几个像素（或百分比）。

Chrome 的 CSS3 等效项是

背景：-webkit-渐变（线性，左上，左下，颜色停止（0％，#BFBBBB），颜色停止（30％，#FFFFFF））；

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

Answer 1

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

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

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