Internet Explorer 9中的渐变
Internet Explorer 9中的渐变
提问于 2010-10-14 23:13:56
有没有人知道IE9中渐变的供应商前缀，或者我们仍然应该使用他们自己的过滤器？
对于其他浏览器，我得到的是：
background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; /* IE8 */另外，还有人知道Opera的供应商前缀吗？
回答 8
Stack Overflow用户
回答已采纳
发布于 2010-10-15 01:02:16
从IE9 beta 1开始，你仍然需要使用他们的专有过滤器。
Stack Overflow用户
发布于 2011-06-01 14:18:07
看起来我来得有点晚了，但这里有一个针对一些顶级浏览器的示例：
/* IE10 */
background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);
/* Mozilla Firefox */
background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%);
/* Opera */
background-image: -o-linear-gradient(top, #444444 0%, #999999 100%);
/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999));
/* Webkit (Chrome 11+) */
background-image: -webkit-linear-gradient(top, #444444 0%, #999999 100%);
/* Proposed W3C Markup */
background-image: linear-gradient(top, #444444 0%, #999999 100%);来源：http://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html
注意:所有这些浏览器都支持rgb/rgba，而不是十六进制表示法。
Stack Overflow用户
发布于 2011-04-21 22:25:15
最好的跨浏览器解决方案是
background: #fff;
background: -moz-linear-gradient(#fff, #000);
background: -webkit-linear-gradient(#fff, #000);
background: -o-linear-gradient(#fff, #000);
background: -ms-linear-gradient(#fff, #000);/*For IE10*/
background: linear-gradient(#fff, #000);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');/*For IE7-8-9*/
height: 1%;/*For IE7*/ 页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3934693
复制相关文章
相似问题