Ich versuche eine Ressource zu finden, die eine Liste browserspezifischer Implementierungen von CSS-Eigenschaften enthält, die von den aktuellen W3C-Standards abweichen.
Sagen Sie zum Beispiel, dass der IE so etwas unterstützt:
%Vor%Aber als der Vorschlag zu einer Kandidatenempfehlung wurde, war das standardisierte Äquivalent:
%Vor%Um Versionen von IE zu unterstützen, die vor der CR veröffentlicht wurden, möchte ich schreiben:
%Vor% Googeln für eine Liste dieser Arten von Änderungen war nicht schrecklich fruchtbar, es gibt eine Menge Wehklagen und Zähneknirschen um Anbieter Präfixe, aber nicht viele "Gotcha" -Listen. Am besten habe ich bis jetzt Erwähnungen von Änderungen gefunden (in diesem Fall -webkit-border-radius ), aber diese dokumentieren selten den tatsächlich erwarteten Input; Sie neigen dazu, nur ein gebrochenes Beispiel zu geben.
Ich habe eine OK Liste der vorhandenen Präfixe gefunden (zusammen mit ihrem Standard) Status), aber leider gibt es nicht die Art von Details, die notwendig sind, um die Änderungen zu erkennen, an denen ich interessiert bin.
Ich nehme Teillisten, oder solche, die wirklich alte Browser ausschließen (zum Beispiel ist IE6 nicht wirklich wichtig). Ich bin auch nur wirklich besorgt über die großen 3.1 Browser (IE, Firefox, Webkit / Chrome / Safari und Opera ).
Ich interessiere mich auch für Dinge, die nicht vom W3C angesprochen wurden (wie Erscheinung ) Das ist ein hartes Problem, ohne sich Gedanken über die Dinge machen zu müssen, die die Anbieter gerade gemacht haben.
Es scheint keine erschöpfende Liste da draußen zu geben, aber basierend auf Kompass , CSSPrefixer und diese Liste von Peter Beverloo hier ist, was ich zusammen kratzen kann.
-moz-background-clip akzeptiert padding und border anstelle von padding-box und border-box
-webkit-background-clip verhält sich genauso wie die -moz-Version, akzeptiert aber auch content anstelle von content-box
-moz und -webkit Versionen akzeptieren die gleichen Werte wie ihre background-clip Äquivalente
-webkit-background-size dupliziert einzelne Werte, so dass -webkit-background-size: 10px äquivalent zu background-size: 10px 10px ist. Das vorangestellte Webkit-Äquivalent von background-size:10px ist -webkit-background-size: 10px auto; .
Die -moz Äquivalente von border-top-left-radius , border-bottom-left-radius usw. sind -moz-border-radius-topleft , -moz-border-radius-bottomleft usw.
-webkit-border-radius unterscheidet sich von der endgültigen Spezifikation in der Handhabung der Zwei-Wert-Kurzschrift. Webkit behandelt es so, als ob alle langen Formularversionen zwei Werte übergeben würden.
Konkreter:
-webkit-border-radius: 1px 2px entspricht
und border-radius: 1px 2px entspricht
Die einzige Arbeit, die ich dafür kenne, ist, den Fall mit zwei Werten von -webkit-border-radius in seine langen Formen zu erweitern, um die richtige border-radius zu finden.
Wenn diplay:box überall funktionieren soll, müssen Sie vorangestellte Werte wie folgt verwenden:
Ich habe keine Ahnung, warum dies so ist, wie alle Boxmodell-spezifischen Eigenschaften (wie box-align ) haben auch prefixed Versionen in diesen Browsern.
Beachten Sie, dass dies nichts beinhaltet, was nicht Teil eines W3C-Dokuments ist, wie Aussehen , auch wenn mehrere Browser dies unterstützen.
Abweichungen von den Standards sind nicht ungewöhnlich (d. h. Rendering-Macken), aber Abweichungen von der Standard / vorgeschlagenen Notation sind ziemlich selten. imho, diese Ressource sollte den Trick tun:
caniuse.com bietet normalerweise gute externe Links im Ressourcenbereich, z. Für border-radius wurde eine Verknüpfung mit -webkit differences und diese umfassende Rendering-Übersicht
Tags und Links css vendor-prefix