我可以在沒有本機支援的情況下在 IE11 中使用 CSS 變數嗎？-css教學-PHP中文網

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

Susan Sarandon

發布： 2024-11-17 11:32:01

原創

831 人瀏覽過

Can I use CSS Variables in IE11 without native support?

IE11: CSS 變數Polyfill

問題：

問題：

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

答案：

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規範：定義屬性](https://www.w3.org/TR/css-variables-1/)[CSS 級聯與繼承4 級](https://www.w3.org/TR /css-cascade-4/#cascade-order)

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