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