CSS 渐变在 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中文网其他相关文章！