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

Question

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

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

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

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

Chrome 的 CSS3 等价物是

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFBBBB), color-stop(30%, #FFFFFF));

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

Answer 1

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

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

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