首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将梯度应用于在IE9中正确显示的元素?

如何将梯度应用于在IE9中正确显示的元素?
EN

Stack Overflow用户
提问于 2014-02-07 08:09:11
回答 2查看 24关注 0票数 0

我想对我的元素应用梯度。我用更少的时间去做。

对于IE9,我使用以下css:

代码语言:javascript
复制
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=@FirstColour, endColorstr=@SecondColour)";

其中@FirstColour =#b7d4ee和@SecondColour=#7a9eca;

它是这样的梯度:

但是在上面定义的具有css风格的IE9中,我看到的梯度如下:

在IE9浏览器中加载页面时,没有编译page (不确定原因)并将其呈现为:

代码语言:javascript
复制
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@FirstColour', endColorstr='@SecondColour')

如何在IE9中以较低的利用率获得普通梯度显示?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-02-07 09:14:33

使用梯度生成器这里,它为每个浏览器提供所有渐变解决方案,包括IE。说明在那里解释

票数 1
EN

Stack Overflow用户

发布于 2014-02-07 09:08:44

尝试从这里创建梯度:

http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

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

https://stackoverflow.com/questions/21622450

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档