如何在 IE9 及更高版本中实现 CSS 渐变？

Internet Explorer 9 及更高版本中的渐变

如您所知，在 Internet Explorer 中实现渐变一直是一个挑战过去。然而，在 IE9 中，微软终于引入了对 CSS 渐变的支持，为网页设计师开辟了新的可能性。

要在 IE9 中创建渐变，您可以使用以下语法：

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

这将创建一个线性渐变，从顶部的 #444444 过渡到底部的 #999999

其他浏览器的供应商前缀

对于其他浏览器，您需要使用以下供应商前缀：

• Mozilla Firefox：-moz-线性渐变
• Apple Safari 和 Google Chrome： -webkit-gradient
• Opera: -o-线性-gradient

多个浏览器的示例代码

支持多个浏览器中的渐变，您可以使用以下CSS代码：

background-image:
    -ms-linear-gradient(top, #444444, #999999),
    -moz-linear-gradient(top, #444444, #999999),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #999999)),
    -webkit-linear-gradient(top, #444444, #999999),
    -o-linear-gradient(top, #444444, #999999);

Opera 供应商前缀

正如您所正确提到的，Opera 的供应商前缀是：

• -o -线性梯度

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

以上是如何在 IE9 及更高版本中实现 CSS 渐变？的详细内容。更多信息请关注PHP中文网其他相关文章！