Browser Kompatibilität: Unterschied zwischen den Versionen
Aus Wikizone
Steff (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Links und Übersichten. Was funktioniert wo ? == SVG / Animation == <style> td, th { border: 1px solid #ccc; } td { padding: .25em .5em; } .t…“) |
|||
| (4 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| + | [[Browser - Compatibility Detection]] | ||
| + | [[Browser - Hacks]] | ||
| + | https://caniuse.com/ | ||
| + | |||
| + | |||
Links und Übersichten. Was funktioniert wo ? | Links und Übersichten. Was funktioniert wo ? | ||
== SVG / Animation == | == SVG / Animation == | ||
| − | + | Quelle: https://blog.kulturbanause.de/2017/04/svg-browsersupport-fuer-animationen-und-interaktionen/#more-16179 | |
| − | + | <table width="100%"> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<tr> | <tr> | ||
<th>Einbindung</th> | <th>Einbindung</th> | ||
| Zeile 329: | Zeile 311: | ||
<td class="table-td-pro">ja, abhängig vom Elternelement</td> | <td class="table-td-pro">ja, abhängig vom Elternelement</td> | ||
</tr> | </tr> | ||
| − | + | ||
</table> | </table> | ||
| − | + | 1: Opacity und Fill funktionieren, transform nicht. Weiteres wurde nicht geprüft. | |
| − | + | ||
| + | 2: Opacity funktioniert, transform und Fill nicht. Weiteres wurde nicht geprüft. | ||
Aktuelle Version vom 6. Juli 2023, 07:33 Uhr
Browser - Compatibility Detection Browser - Hacks https://caniuse.com/
Links und Übersichten. Was funktioniert wo ?
SVG / Animation[Bearbeiten]
| 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.
