Avatar billede nazty Nybegynder
21. oktober 2007 - 18:49 Der er 10 kommentarer og
1 løsning

2 baggrunde i body

Hej

Jeg har en side hvor jeg har defineret en baggrund i body. Det er en baggrund som bliver tiled i hele vinduet. Jeg skal have en slags skygge effekt som kommer ned fra toppen af vinduet. Altså Noget sort gradient/fade effekt. Det har jeg lavet i en .png fil. Men hvordan får jeg det lavet i css?
Avatar billede 3xm Nybegynder
21. oktober 2007 - 19:12 #1
det letteste er nok at pakke hele siden ind i en stor <div> som fylder det hele og så har denne skygge-png som baggrund.

=)
Avatar billede hells Nybegynder
22. oktober 2007 - 13:01 #2
Eller liddt lettere at give html-elementet et baggrundsbillede med noget i den her stil:
html {
    background-image: url('http://hells.dk/titanic.jpg');
}

body {
    background-image: url('http://hells.dk/grafik/korn.gif');
    background-repeat: no-repeat;
}
Avatar billede nazty Nybegynder
22. oktober 2007 - 14:42 #3
3xm
Ja. har jeg også tænkt på. Det er sidste nødløsning. Men der burte være en anden måde

hells
Har prøvet at smide det ind i html. Men det virker ikke. Har lige prøver igen.
Avatar billede olebole Juniormester
22. oktober 2007 - 15:56 #4
<ole>

"Men der burte være en anden måde" >> Nej, det burde der ikke. Et HTML-element kan kun have ét baggrundsbillede. Vil du have to baggrundsbilleder, må de nødvendigvis ligge i hvert sit element

/mvh
</bole>
Avatar billede hells Nybegynder
22. oktober 2007 - 16:41 #5
Det virker ikke? Sjovt, for: http://www.hells.dk/fixed.html
Avatar billede nazty Nybegynder
22. oktober 2007 - 22:25 #6
Ja.. det er da egentlig lidt sjovt.. wicked! Prøver lige at rode med det igen
Avatar billede olebole Juniormester
22. oktober 2007 - 22:46 #7
- men husk, du ikke må have baggrundsfarve og baggrundsbillede på body-elementet. Så er det overvejende sandsynligt, farven vil dække over dokument-elementets baggrundsbillede. Skal der være farve på baggrunden - udover billeder - skal du farve dokument-elementet (det, er implementeres med html-tagget). Altså ikke:

html {
    background-image: url('http://hells.dk/titanic.jpg');
}
body {
    background-image: url('http://hells.dk/grafik/korn.gif');
    background-repeat: no-repeat;
    background-color: red;
}

- men derimod:

html {
    background-image: url('http://hells.dk/titanic.jpg');
    background-color: red;
}
body {
    background-image: url('http://hells.dk/grafik/korn.gif');
    background-repeat: no-repeat;
}
Avatar billede olebole Juniormester
22. oktober 2007 - 22:48 #8
- det kunne være derfor, hells' eksempel ikke lykkes for dig(?)
Avatar billede nazty Nybegynder
27. oktober 2007 - 15:57 #9
well.. har haft meget at se til.. så der gik li lidt tid inden jeg fik det testet igen.. Men.. det er virker sq!

Mange tak!

Smid et svar olebole
Avatar billede nazty Nybegynder
27. oktober 2007 - 15:57 #10
argh.. mener hells!
smid et svar hells. Du kom med koden
Avatar billede hells Nybegynder
27. oktober 2007 - 16:47 #11
Det får du.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester