文章/答案/技术大牛

发布

社区首页 >问答首页 >CSS3饼在IE8梯度效应中的应用

问CSS3饼在IE8梯度效应中的应用
EN

Stack Overflow用户

提问于 2012-12-13 16:07:02

回答 1查看 502关注 0票数 1

我使用CSS3PIE为div生成梯度背景。

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

以上代码呈现所需的效果。但是这用梯度填充了div的完全高度。

我需要限制从div顶部到几个像素(或百分比)的梯度。

CSS3等价于Chrome是

背景：-webkit-梯度(线性，左上，左底部，颜色停止(0%，#BFBBBB)，色差(30%，#FFFFFF))；

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

css3pie

html

css

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-12-14 15:57:39

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

饼会使用标准的梯度语法(除了在规范中已更改但尚未在饼内更新的方向参数外)。

说到这一点，您也应该对其他浏览器使用标准语法(必要时以前缀作为前缀)。旧的webkit梯度语法不再是当前首选的语法。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13863788

复制

相似问题

问CSS3饼在IE8梯度效应中的应用
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3饼在IE8梯度效应中的应用EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CSS3饼在IE8梯度效应中的应用
EN