首页 > web前端 > css教程 > CSS 渐变在 Internet Explorer 中是如何演变的?

CSS 渐变在 Internet Explorer 中是如何演变的?

Linda Hamilton
发布: 2024-11-21 10:15:09
原创
981 人浏览过

How have CSS gradients evolved in Internet Explorer?

Internet Explorer 中的渐变:演变

为了在 Internet Explorer 中实现渐变,我们需要根据版本使用供应商前缀。虽然早期版本使用专有过滤器,但 IE9 引入了对供应商前缀 CSS 渐变的支持。

IE9 供应商前缀:

在 IE9 中,渐变的供应商前缀是 '- ms-':

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";
登录后复制

其他供应商前缀:

为了与其他浏览器兼容,请考虑使用其他供应商前缀:

background-image: -moz-linear-gradient(top, #444444 0%, #999999 100%); /* Mozilla Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444444), color-stop(1, #999999)); /* Safari/Chrome (old syntax) */
登录后复制

Opera:

Opera 的供应商渐变的前缀是'-o-':

background-image: -o-linear-gradient(top, #444444 0%, #999999 100%);
登录后复制

现代语法:

在现代浏览器 (IE10) 中,创建渐变的推荐方法是使用无前缀的 '线性-渐变'关键字:

background-image: linear-gradient(top, #444444 0%, #999999 100%);
登录后复制

所有主流浏览器都支持此语法,包括IE10、Firefox、Safari、Chrome 和 Opera。

以上是CSS 渐变在 Internet Explorer 中是如何演变的?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板