如何在 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中文網其他相關文章！