Kann ich CSS-Variablen in IE11 ohne native Unterstützung verwenden?

IE11: CSS-Variablen Polyfill

Frage:

Kann ich CSS-Variablen in IE11 verwenden? ohne native Unterstützung?

Antwort:

Ja, mit der CSS Vars Ponyfill.

Die CSS Vars Ponyfill ist eine clientseitige JavaScript-Bibliothek, die Wandelt benutzerdefinierte CSS-Eigenschaften in statische Werte um, sodass IE11-Browser CSS-Variablen unterstützen können. Es bietet Funktionen wie:

• Live-Updates von Laufzeitwerten
• Transformation von Link, Stil und @import CSS
• Unterstützung für verkettete und verschachtelte var() Funktionen
• Integration mit Webkomponenten und Schatten-DOM

Verwendung:

Fügen Sie das Ponyfill in Ihre Webseite ein:

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

Einschränkungen:

• Die Unterstützung benutzerdefinierter Eigenschaften ist auf :root- und :host-Deklarationen beschränkt.
• Die Verwendung von var() ist auf Eigenschaftswerte beschränkt.

Beispiele:

:root {
  --color: red;
}

p {
  color: var(--color);
}

:root {
  --size: 1em;
  --multiplier: 2;
}

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

W3C-Spezifikationen:

• [CSS Custom Eigenschaften](https://www.w3.org/TR/css-variables-1/)
• [CSS Cascading and Inheritance Level 4](https://www.w3.org/TR/css -cascade-4/#cascade-order)

Das obige ist der detaillierte Inhalt vonKann ich CSS-Variablen in IE11 ohne native Unterstützung verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!