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
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.
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
Tobias
schrieb am 10.09.08 um 23:04 Uhr:
Tippfehler. Und das gleich 2 mal :-(.
Danke für den Hinweis.
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.
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 ;-)
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!