Wir schreiben das Jahr 2014, CSS3 ist noch immer nicht offiziell bestätigt und der Internet Explorer 9 ist alt. Das sind die Tatsachen. Dass CSS3 deswegen aber dennoch von den Webdesignern verwendet wird ist zu begrüßen. Dass der Internet Explorer 9 noch verwendet wird, das ist zu bemängeln. Selbst der IE7 und IE8 taucht in Besucherstatistiken, je nach Themengebiet noch im zweistelligen Prozentbereich auf.
Nun aber zurück zum IE9. Der IE9 kann CSS3. Aber kann eben nicht alles CSS3.
Dazu habe ich hier eine kleine Übersicht zusammengestellt, was der IE9 kann und was nicht.
CSS3 Unterstützung des IE9
opacity ✔
multiple backgrounds ✔
background-clip ✔
background-size ✔
background-origin ✔
text-shadow X
word-wrap ✔
writing-mode ✔
border-image X
border-radius ✔
box-shadow ✔
overflow-x ✔
overflow-y ✔
multiple columns X
box-sizing ✔
RGBA colors ✔
HSL colors ✔
HSLA colors ✔
text-stroke X
gradients X
transforms ✔
transitions X
keyframe animations X
outline-offset X
resize X
@font-face ✔
@media ✔
unterstützte Pseudo-Klassen und Elemente
- :root
- :nth-child(n)
- :nth-last-child(n)
- :nth-of-type(n)
- :nth-last-of-type(n)
- :last-child
- :first-of-type
- :last-of-type
- :only-child
- :only-of-type
- :empty
- :target
- :not(s)
- :enabled
- :disabled
- :checked
- :indeterminate
- ::selection
nicht unterstützte Pseudo-Klassen und Elemente
- :default
- :valid
- :invalid
- :in-range
- :out-of-range
- :required
- :optional
- :read-only
- :read-write
- ::before
- ::after
- ::first-letter
- ::first-line
- ::value
- ::choices
- ::repeat-item
- ::repeat-index
…irgendwas vergessen oder nicht korrekt?
Sollte ich hier irgendwas vergessen haben, so dürft ihr das in den Kommentaren hinterlassen. Ich werde den Beitrag dann aktualisieren.
Als Ergänzung zu deinem Artikel, hier noch eine schöne Seite auf der man sich auch sehr gut einen Überblick verschaffen kann:
http://caniuse.com/
