Kuvia, see-äs-ässää ja rokkenrollia
Tässä esimerkissä tutkimme kuvien korvaamista toisilla kuvilla CSS:n avulla, sekä kuvien lisäämistä toisen kuvan "sisään". Lähdekoodista näet, miten homma hoituu. Lähdekoodiin on aina liitetty kuva1.png.
Kuvan korvaaminen
Kuvan lisääminen toisen viereen...
...ja alle
Toimivuus
Kaikki esimerkit toimivat moitteetta Firefoxissa.
Korvattaessa kuvaa kokonaan jättää Opera uuden kuvan alareunaan yhden pikselirivin vanhaa kuvaa.
Kaikki esimerkit toimivat moitteetta IE:ssä.
Testaus
Tämä esimerkki on testattu seuraavilla selaimilla:
- Mozilla Firefox 1.0.6
- Mozilla Firefox 2.0.0.4
- Opera 7.54
- Opera 9.10
- Microsoft Internet Explorer 6.0
- Microsoft Internet Explorer 7.0
Jos satut omistamaan jonkun muun kuin yllä mainitun selaimen, olisin kiitollinen jos voisit testata esimerkin selaimellasi ja lähettää tiedot toimivuudesta mieluiten ruutukaappauksen kera osoitteeseen emil.virkki@ruusu.net. Jos homma toimii moitteetta, voit kertoa siitäkin jotta kivi vierähtäisi sydämeltäni.