如何在 Internet Explorer 9 中创建渐变？

Internet Explorer 9 中的渐变

开发跨浏览器兼容的网站时，了解如何在各种浏览器中创建渐变至关重要。 Internet Explorer 9 对渐变的支持可以通过以下方法解决：

IE9 渐变实现：

与以前版本的 IE 不同，IE9 放弃了对专有滤镜的支持并采用了CSS 渐变的供应商前缀。要在 IE9 中创建渐变，您需要使用以下语法：

background-image: -ms-linear-gradient(top, #444444 0%, #999999 100%);

其他浏览器：

对于其他浏览器，您可以使用以下前缀:

• Firefox: -moz-线性渐变
• Safari/Chrome: -webkit-gradient (Chrome 11 支持-webkit-线性渐变)
• Opera : -o-linear-gradient

W3C 提案：

万维网联盟 (W3C) 提出了渐变的标准语法：

background-image: linear-gradient(top, #444444 0%, #999999 100%);

现代浏览器支持此语法，但为了确保与旧版浏览器的兼容性，建议尽可能包含供应商前缀。

注意：提到的所有浏览器也支持 rgb/rgba 值，而不是十六进制表示法。

来源：https://ie.microsoft.com/testdrive/Graphics/CSSGradientBackgroundMaker/Default.html

以上是如何在 Internet Explorer 9 中创建渐变？的详细内容。更多信息请关注PHP中文网其他相关文章！