Browser Kompatibilität: Unterschied zwischen den Versionen

Aus Wikizone
Wechseln zu: Navigation, Suche
 
(3 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 ==
<nowiki>
+
Quelle: https://blog.kulturbanause.de/2017/04/svg-browsersupport-fuer-animationen-und-interaktionen/#more-16179
<style>
+
<table width="100%">
  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%">
 
  <tbody>
 
 
     <tr>
 
     <tr>
 
       <th>Einbindung</th>
 
       <th>Einbindung</th>
Zeile 330: 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>
  </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.

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]

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

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.