Fast baggrund i css

Hm, man skal passe på med at sige at noget ikke kan lade sig gøre, men i dette tilfælde vil jeg strække mig til at sige at det er tæt på, ihvertfald hvis du skal kunne holde siden opdateret.

Hvis du kigger på tabel cellerne som to lag. Første lag er din baggrund hvorpå du sætter farven. Andet lag er din tekst som du skriver ovenpå farven. Så vil du gerne putte et ekstra lag, med fodbolden, ind imellem de to første lag. Den eneste måde...umiddelbart..du kan putte noget ind imellem de to første lag, er ved at lave det tredie lag inde i tabel cellen.....men så virker det jo kun i en celle....

Så hvis nu jordens fortsatte rotation afhang af dette projekt :), så kan det laves på følgende måde...tror jeg...men det er absolut ikke optimalt og det er et mareridt at opdaterer :)

Du laver to identiske tabeller med nøjagtigt det samme tekst indhold, som du så placere præcis ovenpå hinnanden. Den ene giver du z-index 1 og den anden z-index 3.

I den tabel der ligger nederst laver du dine ændringer til baggrundsfarverne og så placerer du fodbolden med z-index 2.

Men altså det her eksempel er jo ikke reelt realiserbart men det kan forhåbentligt hjælpe på forståelsen af problemets art :)

Mvh. Johan

......oohhh det er altså farligt ikke, for lige om lidt kommer der måske en og siger 'Arh, det er skide nemt du skal bare.....' og så sidder man der og ligner...

"......oohhh det er altså farligt ikke, for lige om lidt kommer der måske en og siger 'Arh, det er skide nemt du skal bare.....' og så sidder man der og ligner..."

Det er nemlig farligt, for man kan ifølge CSS-standarden nemt lave det. Dermed jo sagt, at metoden, jeg vil beskrive, ikke virker i IE.

Lav et billede med bolden ovenpå den blå/grønne baggrundsfarve og definer følgende for de blå/grøne celler:
.klassenavn {
background: #0ff url('images/fodbold6.gif') no-repeat fixed center;
}
Bolden vil så (i de gode browsere) placere sig samme sted som den bold, der er baggrundsbillede for body-elementet.

Eksempel:
http://meyerweb.com/eric/css/edge/complexspiral/glassy.html

Hvor heldig en baggrund den bold er for læsevenligheden er så en anden sag.

He he, typisk :), jeg vil dog forholde mig kritisk til om en løsning er anvendelig hvis ikke den virker i IE :)

Mvh. Johan

lukker