Opera maakt geen gebruik van webkit dat doen alleen Safari en Chrome (Chromium).
Dat andere webbrowsers soms het wel laten zien en soms niet is omdat ze het niet volledig ondersteunen.
Neem nou de webkit regel.
Achter webkit staan dingen die FF, IE en Opera ook kennen en gewoon weer kunnen geven maar komt er een code die gekoppeld is aan de webkit zoals bijvoorbeeld een tijd, dan werkt dat niet in die browser's. Als je die dan wel wild weergeven dan moet je diezelfde regel er nogmaals in zetten.
IE is een ramp want als je HTML5 gebruikt dan moet je er vanuit gaan dat men ie9 heeft en beter ie10 of je moet een aantal regels aanpassen zodat het ook door ie7 en ie 8 ondersteund word. IE6 zou ik niet meer doen.
Je moet dus een extra css blok voor ie erbij zetten en als het te veel word kun je het opsplitsen zodat je 2 css files krijgt. 1 voor ie en 1 voor alle wel HTML5 ondersteunende browser's waarbij je moz gebruikt voor FF.
Opera zou ik net als ie6 laten voor wat het is. Een deel ondersteund het maar zodra je mp3 en mp4 gebruikt vallen FF en Opera af terwijl als je wav, webm en ogg gebruikt valt ie af en dan zou ik op dat gebied eerder voor ie kiezen.
Chrome ondersteund het allemaal en zal er geen probleem mee hebben.
Dus even kijken hoeveel code je nodig hebt voor ie en indien nodig maak je een aparte ie css file anders zet je het er gewoon bij.
Wil je FF ook goed ondersteunen dan zet je al je webkit regels er nogmaals neer maar vervang je webkit door moz.
Zet dan gelijk de regel voor ms er bij voor ie9 en voornamelijk voor ie10.
Ik bouw mijn sites eerst helemaal op in HTML5 waarna ik ze test in ie en kijk wat er niet werkt.
Dan plaats ik wat extra dingen in de CSS om het werkend te krijgen. Video en audio files gebruik ik allemaal mp4 en mp3 voor behalve op mijn eigen server vanwege het data verbruik. Anders ga ik snel over mijn gebruikers limiet heen en ik heb nog geen zin om meer te betalen voor mijn server.
Werkt wel mooi die video met HTML5. De video speelt gelijk als je op de play knop drukt.
Tevens kun je een eigen menu maken voor je speler als je wilt.
O rede dat ik Opera links laat liggen komt door 2 dingen.
1 afwijkende code en op zich is dat niet erg maar ze gebruiken 2 codes in plaats van FF en IE waardoor je iedere keer moet uitzoeken welke je moet hebben.
2 marktaandeel is voor mij te klein om er tijd aan te besteden. IE neemt al genoeg tijd in beslag door hun oudere versies.
Als ik video gebruik, valt FF ook af omdat dat toch niet werkt in FF en dan ga ik de rest ook niet ondersteunen.
Ik plaats een bericht dat ze maar Chrome moeten nemen om alles te kunnen zien.
O je kunt de kleur, afbeelding of tekst van je site aanpassen aan de browser die ze gebruiken.
Dan kun je gelijk melden als ze geen ondersteunende browser gebruiken terwijl als ze bijvoorbeeld Chrome of IE gebruiken die je wel ondersteund, dit niet te zien krijgen.