Opacitet i olika webbläsare har länge varit ett problem. Men numera är det inte det. Här kommer en funktion till Mootools som enkelt sätter opacitet på de objekt som du tilldelar rätt class och rel.
Kod:
$$(’.opacity’).each(function(el) {
el.set(’opacity’,’.’ + el.getProperty(’rel’));
});
Förklaring:
Vad vi gör är att vi tilldelar alla element med klassen ”opacity” den mängd opacitet som är definerat i elementets ”rel”.
Så:
<div id=”testDiv” class=”opacity” rel=”30″>hejhopp</div>
skulle göra att diven ”testDiv” visas med 30% opacitet.
Varför:
Genom att låta Mootools sköta all opacitet så undviker vi webläsarspecifik kod i css. Och när man testar opacitet i ie8 så är man ganska glad för att Mootools finns! ;)