首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Internet Explorer中的渐变颜色

Internet Explorer中的渐变颜色
EN

Stack Overflow用户
提问于 2008-10-17 20:35:36
回答 8查看 87.3K关注 0票数 49

我知道Internet Explorer有一些专有的扩展,所以你可以做一些事情,比如创建带有渐变背景的div。我记不住元素的名称或它的用法。有谁有一些例子或链接吗?

EN

回答 8

Stack Overflow用户

回答已采纳

发布于 2008-10-17 20:37:27

看看IE可以处理http://msdn.microsoft.com/en-us/library/ms532847.aspx的自定义CSS过滤器

票数 23
EN

Stack Overflow用户

发布于 2010-05-28 10:26:08

filter样式应该适用于IE8和IE9。

代码语言:javascript
复制
.gradientClass
{
  filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e6e6e6', endColorstr='#CCCCCC');       
}
票数 11
EN

Stack Overflow用户

发布于 2012-04-27 21:28:07

来自微软的一个很棒的工具,可以让你实时检查颜色并为所有浏览器生成CSS:http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/default.html

代码语言:javascript
复制
/* IE10 */ 
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #B7B8BD 300%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #B7B8BD 300%);

/* Opera */ 
background-image: -o-linear-gradient(top, #FFFFFF 0%, #B7B8BD 300%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(3, #B7B8BD));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #B7B8BD 300%);

/* Proposed W3C Markup */ 
background-image: linear-gradient(top, #FFFFFF 0%, #B7B8BD 300%);
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/213750

复制
相关文章

相似问题

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