Knapp zehn Jahre alte CSS-Funktionen, die man jetzt so langsam einsetzen kann, wenn der IE6 keine Rolle spielt

Ein kleiner Reminder an mich selber. Der Internet Explorer 7 kann problemlos folgende Dinge:

  • Mehrklassenselektoren wie .teaser.long
  • Nachbarselektoren wie #content .teaser + p
  • Direkte-Eltern-Selektoren wie #content > p
  • :first-child
  • Attribut-Selektoren wie a[rel=lightbox]
  • PNG24-Bilder mit Alpha-Transparenz
  • position: fixed; (Aber Vorsicht mit iOS!)
  • min-height / max-height
  • :hover auf allen Elementen, nicht nur Links

(Mit recht simplen Hacks kann man auch display: inline-block; verwenden. Mehr dazu in einem Artikel der Mozilla Blogs)

IE7 kann jedoch nicht:

  • Content-Erzeugung per :before und :after
  • :last-child oder gar :nth-child, wo kämen wir denn dahin?
  • display: table-cell; und Co.

Mit Dank an When can I use …