Het probleem om middels CSS de opacity (doorzichtigheid) van plaatjes te veranderen ligt erin dat de code niet valideert. het statement -moz-opacity wordt door de validator aangemerkt als niet bestaand en de code voor safari wordt bestempeld als CSS3. Dit geeft maar eens te meer aan dat browsers verre van compatibel met elkaar zijn. Toch is er een oplossing voor.
Zonder je in bochten te wringen om voor elke browser apart een receptje te maken is het handiger om gewoon elke browser te voorzien van zijn eigen statements zonder de code te verminken. Hiervoor wordt er gebruik gemaakt van een paar regeltjes javascript die elke browser voorziet van de voor hem benodigde code, zonder dat de validator gaat protesteren.
Plaats de code in de -head- sectie van een pagina waar deze procedure moet gaan werken.
Ga met jouw muis
over het plaatje
De titel van deze pagina is: highlight images oftewel laat plaatjes oplichten.
De sleutelwoorden zijn : highlight, graphics, images, plaatjes en foto.
De omschrijving is: "oplichtende plaatjes met een paar regels code".