---

Hej

Jeg er ikke skrap til CSS (Ikke den mere avancerede del ;)
Men jeg tænkte, om det er muligt at lave en slags "overlaying" af billeder?

Jeg kunne godt tænke mig at kunne lave et billede, sætte class til noget
bestemt, hvorefter der bliver lagt et andet billede ovenpå.

Fx. vises normalt et billede af en bil. Hvis <img> tagget har class="sold",
lægges et andet billede hen over bilen (fx. en tekst "Solgt" med
gennemsigtig baggrund), således at man kan se at bilen er solgt.

<img class="sold" src="img/bil.jpg">

Kan man det?

Jeg vil gerne undgå at bruge JavaScript, og det må naturligvis gerne virke i
alle browsere ;)

Mvh.
Thomas Rokamp

---

"Thomas Rokamp" <no_spam@crax.dk> skrev :

>Fx. vises normalt et billede af en bil. Hvis <img> tagget har class="sold",
>lægges et andet billede hen over bilen (fx. en tekst "Solgt" med
>gennemsigtig baggrund), således at man kan se at bilen er solgt.

Du kan gøre det på to måder.

Med z-index, se http://html.dk/tutorials/css/lektion15.asp

Det kan have visse ulemper, da det skal placers med position:
absolute og dermed ikke indgår i den normale float på siden
(afhænger hvordan siden er opbygget og hvor den fylder og
browservinduets størrelse).

En bedre måde vil være, at smide billedet af bilen ind i en <div>
som baggrundsbillede og når bilen så er solgt, så smide
solgtbilledet ind som et normalt billede.
--
Knud
http://hjemmesider.frac.dk
med en smule indhold - mere kommer