首頁 > web前端 > css教學 > CSS 漸層在 Internet Explorer 中是如何演變的?

CSS 漸層在 Internet Explorer 中是如何演變的?

Linda Hamilton
發布: 2024-11-21 10:15:09
原創
981 人瀏覽過

How have CSS gradients evolved in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板