首页 文章

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

提问于
浏览
1

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

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

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

我需要将梯度从div顶部限制为几个像素(或百分比) .

Chrome的CSS3相当于

background:-webkit-gradient(线性,左上,左下,颜色停止(0%,#BFBBB),颜色停止(30%,#FFFFF));

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

1 回答

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

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

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

相关问题