Browser Kompatibilität: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
Zeile 1: Zeile 1:
 
Links und Übersichten. Was funktioniert wo ?
 
Links und Übersichten. Was funktioniert wo ?
 
== SVG / Animation ==
 
== SVG / Animation ==
<nowiki>
+
Quelle: https://blog.kulturbanause.de/2017/04/svg-browsersupport-fuer-animationen-und-interaktionen/#more-16179
<style>
 
  td, th {
 
    border: 1px solid #ccc;
 
  }
 
  td {
 
    padding: .25em .5em;
 
  }
 
  .table-td-pro {
 
    background: lightgreen;
 
  }
 
 
 
  .table-td-con {
 
    background: lightcoral;
 
  }
 
  .table-td-partial-1 {
 
    background: orange;
 
  }
 
  .table-td-partial-2 {
 
    background: yellow;
 
  }
 
</style>
 
</head>
 
 
 
<body>
 
 
<table width="100%">
 
<table width="100%">
 
   <tbody>
 
   <tbody>
Zeile 332: Zeile 308:
 
   </tbody>
 
   </tbody>
 
</table>
 
</table>
<legend class="table-td-partial-1">1: Opacity und Fill funktionieren, transform nicht. Weiteres wurde nicht geprüft.</legend>
+
1: Opacity und Fill funktionieren, transform nicht. Weiteres wurde nicht geprüft.
<legend class="table-td-partial-2">2: Opacity funktioniert, transform und Fill nicht. Weiteres wurde nicht geprüft.</legend>
+
 
</nowiki>
+
2: Opacity funktioniert, transform und Fill nicht. Weiteres wurde nicht geprüft.

Version vom 26. April 2017, 07:50 Uhr

Links und Übersichten. Was funktioniert wo ?

SVG / Animation

Quelle: https://blog.kulturbanause.de/2017/04/svg-browsersupport-fuer-animationen-und-interaktionen/#more-16179

<tbody> </tbody>
Einbindung

Browser

:hover link keyframe animation SMIL animation javascript animation Media Query
Inline Safari ja ja ja ja ja ja
Chrome ja ja ja ja ja ja
Firefox ja ja ja ja ja ja
Opera ja ja ja ja ja ja
Edge ja ja Teilweise 1 nein ja ja
IE 11 ja ja Teilweise 2 nein ja ja
IE 10 ja ja Teilweise 2 nein ja ja
IE 9 ja ja nein nein ja ja
Object, Embed, iframe Safari ja ja ja ja ja ja
Chrome ja ja ja ja ja ja, abhängig vom Elternelement
Firefox ja ja ja ja ja ja, abhängig vom Elternelement
Opera ja ja ja ja ja ja, abhängig vom Elternelement
Edge ja ja Teilweise 1 nein ja ja, abhängig vom Elternelement
IE 11 ja ja Teilweise 2 nein ja ja, abhängig vom Elternelement
IE 10 ja ja Teilweise 2 nein ja ja, abhängig vom Elternelement
IE 9 ja ja nein nein ja ja, abhängig vom Elternelement
<img> Safari nein nein ja ja nein ja, abhängig vom Elternelement
Chrome nein nein ja ja nein ja, abhängig vom Elternelement
Firefox nein nein ja ja nein ja, abhängig vom Elternelement
Opera nein nein ja ja nein ja, abhängig vom Elternelement
Edge nein nein Teilweise 1 nein nein ja, abhängig vom Elternelement
IE 11 nein nein Teilweise 2 nein nein ja, abhängig vom Elternelement
IE 10 nein nein Teilweise 2 nein nein ja, abhängig vom Elternelement
IE 9 nein nein nein nein nein ja, abhängig vom Elternelement
CSS Background Safari nein nein ja ja nein ja, abhängig vom Elternelement
Chrome nein nein ja ja nein ja, abhängig vom Elternelement
Firefox nein nein ja ja nein ja, abhängig vom Elternelement
Opera nein nein ja ja nein ja, abhängig vom Elternelement
Edge nein nein Teilweise 1 nein nein ja, abhängig vom Elternelement
IE 11 nein nein Teilweise 2 nein nein ja, abhängig vom Elternelement
IE 10 nein nein Teilweise 2 nein nein ja, abhängig vom Elternelement
IE 9 nein nein nein nein nein ja, abhängig vom Elternelement

1: Opacity und Fill funktionieren, transform nicht. Weiteres wurde nicht geprüft.

2: Opacity funktioniert, transform und Fill nicht. Weiteres wurde nicht geprüft.