首頁 >web前端 >css教學 >我可以在沒有本機支援的情況下在 IE11 中使用 CSS 變數嗎?

我可以在沒有本機支援的情況下在 IE11 中使用 CSS 變數嗎?

Susan Sarandon
Susan Sarandon原創
2024-11-17 11:32:01827瀏覽

Can I use CSS Variables in IE11 without native support?

IE11: CSS 變數Polyfill

問題:

問題:

我可以在使用SS11 中使用SS變數嗎沒有本地人支持嗎?

答案:

    是的,使用 CSS Vars Ponyfill。
  • CSS Vars Ponyfill 是轉換 CSS 的客戶端 JavaScript 函式庫自訂屬性轉換為靜態值,使 IE11 瀏覽器能夠支援 CSS 變數。它提供的功能包括:
  • 運行時值的即時更新
  • 連結、樣式和@import CSS 的轉換
支援鍊式和巢狀var( )函數

與Web組件和shadow集成DOM

用法:
<script src="https://unpkg.com/css-vars-ponyfill/dist/css-vars-ponyfill.js"></script>

在網頁中包含小馬填充:

  • 限制:
自訂屬性支援僅限於:root 和:host 聲明。

var() 的使用僅限於屬性值。

:root {
  --color: red;
}

p {
  color: var(--color);
}
:root {
  --size: 1em;
  --multiplier: 2;
}

p {
  font-size: calc(var(--size) * var(--multiplier));
}
範例:

  • W3C規範:
W3C規範:定義屬性](https://www.w3.org/TR/css-variables-1/)[CSS 級聯與繼承4 級](https://www.w3.org/TR /css-cascade-4/#cascade-order)

以上是我可以在沒有本機支援的情況下在 IE11 中使用 CSS 變數嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn