CSS3 im IE 8 - Was kann er und worauf muss man achten?

Wenn ein Browserhersteller ein CSS Feature einbaut welches beispielsweise noch nicht als Empfehlung vom W3C abgesegnet wurde oder auch eine komplett eigene Entwicklung ist wird dieses häufig mit einem Präfix wie -moz- für Mozilla, -o- für Opera usw. versehen.

Diese Technik hat mit der 2. Beta des IE 8 nun auch bei Microsoft Einzug gefunden. Mit dem Präfix -ms- werden alle CSS Eigenschaften versehen die

  • eine Microsoft Entwicklung sind (nicht definiert in einer CSS Specification oder einem CSS Modul).
  • Teil einer CSS Specification oder eines CSS Modules sind welches noch nicht den Status "Candidate Recommendation" hat.
  • noch nicht vollständig implementiert sind.

Folgende Eigenschaften sind hiervon betroffen:

Property Type W3C Status Links
-ms-accelerator Extension   Infos
-ms-background-position-x CSS3 Working Draft Infos
-ms-background-position-y CSS3 Working Draft Infos
-ms-behavior Extension   Infos
-ms-block-progression CSS3 Editor's Draft  
-ms-filter Extension   Infos
-ms-ime-mode Extension   Infos
-ms-layout-grid CSS3 Editor's Draft Infos
-ms-layout-grid-char CSS3 Editor's Draft Infos
-ms-layout-grid-line CSS3 Editor's Draft Infos
-ms-layout-grid-mode CSS3 Editor's Draft Infos
-ms-layout-grid-type CSS3 Editor's Draft Infos
-ms-line-break CSS3 Working Draft Infos
-ms-line-grid-mode CSS3 Editor's Draft  
-ms-interpolation-mode Extension   Infos
-ms-overflow-x CSS3 Working Draft Infos
-ms-overflow-y CSS3 Working Draft Infos
-ms-scrollbar-3dlight-color Extension   Infos
-ms-scrollbar-arrow-color Extension   Infos
-ms-scrollbar-base-color Extension   Infos
-ms-scrollbar-darkshadow-color Extension   Infos
-ms-scrollbar-face-color Extension   Infos
-ms-scrollbar-highlight-color Extension   Infos
-ms-scrollbar-shadow-color Extension   Infos
-ms-scrollbar-track-color Extension   Infos
-ms-text-align-last CSS3 Working Draft Infos
-ms-text-autospace CSS3 Working Draft Infos
-ms-text-justify CSS3 Working Draft Infos
-ms-text-kashida-space CSS3 Working Draft Infos
-ms-text-overflow CSS3 Working Draft Infos
-ms-text-underline-position Extension   Infos
-ms-word-break CSS3 Working Draft Infos
-ms-word-wrap CSS3 Working Draft Infos
-ms-writing-mode CSS3 Editor's Draft Infos
-ms-zoom Extension   Infos

Änderungen der Syntax der filter Eigenschaft

Die Filter Eigenschaft war nie durch das W3C abgesegnet. Trotz allem wird sie recht häufig benutzt, meist um auch im IE 6 CSS Transparenz einzusetzten. Für den neuen, standardkonformen, CSS Parser musste die Syntax leicht angepasst werden.

Aus filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=70, Style=2); wird filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80, FinishOpacity=70, Style=2)"; (Änderungen grün markiert).

Um die filter Eigenschaft browserübergreifend zu nutzen müssen natürlich beide Definitionen angegeben werden.


6 Kommentare

Avatar
Lars
schrieb am 10.09.08 um 10:17 Uhr:

Vielen Dank für den Opacity Tipp, dass habe ich genau gesucht, IE8 wollte in der Beta2 bis jetzt keine Transparent anzeigen.

Avatar
Ansgar
schrieb am 10.09.08 um 16:57 Uhr:

Möglicherweise meintest Du "Änderungen der filter Eigenschaft" statt "fiter" ... oder hat der IE schon wieder eigene Befehle eingeführt? ;-)

SCNR
Ansgar

Avatar
Tobias
schrieb am 10.09.08 um 23:04 Uhr:

Tippfehler. Und das gleich 2 mal :-(.

Danke für den Hinweis.

Avatar
Fritz
schrieb am 11.10.08 um 13:33 Uhr:

Nein, das darf nicht wahr sein! Statt endlich Standardkonformität, schon wieder ein Hack. Abgerundete Ecken für den Mozilla, farbige Scrollbalken für den IE, ...
Dass der IE 8 Beta 2 nach wie vor Probleme mit floats und clears hat, scheint niemanden zu stören.

Avatar
rob
schrieb am 5.06.09 um 16:41 Uhr:

Ja, das wird noch. Keiner der Browserhersteller wird klein beigeben. Sobald das W3C die Standards beschlossen hat, werden sich auch die Browserhersteller anpassen ;-)

Avatar
Alex
schrieb am 12.10.09 um 12:38 Uhr:

Was wäre den der IE ohne Hacks? Und mal ganz ehrlich, auch nachdem die neuen W3C-Standards beschlossen sind, wird sich doch Microsoft nicht daran zu 100 % halten. Also so naiv ist keiner!

Tobias Otte

Suche

Über diese Seite

Diese Seite enthält einen einen einzelnen Eintrag vom 9.09.08 22:00 in der Kategorie Webstandards.

Chrome & @font-face ist der vorherige Eintrag in diesem Blog.

Kurz verlinkt III - Semantic Web, jParallax, Schriften für @font-face, CSS Hack für Chrome ist der nächste Eintrag in diesem Blog.

Aktuelle Einträge finden Sie auf der Startseite, alle Einträge in den Archiven.

Archiv

Kategorien