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中文网其他相关文章!