CSS
Browserunterstützung und Präfixe
Suche…
Parameter
| Präfix | Browser (s) |
|---|---|
-webkit- | Google Chrome, Safari, neuere Versionen von Opera 12 und höher, Android, Blackberry und UC-Browser |
-moz- | Mozilla Firefox |
-ms- | Internet Explorer, Edge |
-o- , -xv- | Opera bis Version 12 |
-khtml- | Konquerer |
Bemerkungen
Herstellerpräfixe ermöglichen die Unterstützung der Vorschau für neue CSS-Funktionen, deren Funktionalität von der Spezifikation noch nicht empfohlen wird.
Es wird empfohlen, in Produktionsumgebungen keine Herstellerpräfixe zu verwenden. Diese Präfixe sind vorhanden, um neue Funktionen zu testen, die noch nicht abgeschlossen sind, und das Verhalten ist von Natur aus unerwartet. Einfach Präfixe für alte Browser nicht gewähren Browser - Unterstützung , wie Sie die Funktion nicht garantieren kann nicht geändert im Laufe der Zeit unterschiedlich auszuführen, und es immer noch in den alten Browsern gebrochen werden konnte , Sie zu unterstützen behaupten.
Wenn die Unterstützung älterer Browser wichtig ist, sollten Sie stattdessen JavaScript oder andere Lösungen verwenden, um die Auswirkungen zu imitieren und die Unterstützung für alte Browser wirklich zu garantieren.
Browser verwenden ihre Präfixe und ignorieren die Eigenschaften, die sie nicht verstehen.
HINWEIS : Präfixe sollten immer vor der offiziellen, uneingeschränkten Syntax stehen. Andernfalls würden sie mit den vorangestellten Eigenschaften überschrieben, was am Ende eine andere Implementierung sein kann.
Wenn ein Browser eine unpräfixierte und eine vorangestellte Version einer Eigenschaft unterstützt, hat die zuletzt zu deklarierende Eigenschaft Vorrang.
Übergänge
div {
-webkit-transition: all 4s ease;
-moz-transition: all 4s ease;
-o-transition: all 4s ease;
transition: all 4s ease;
}
Verwandeln
div {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}