achtergrond over achtergrond

Door Jurgen B op 07-12-2006 19:22

2.213 views

Hallo,

ik zit met een vrij lastige vraag en probeer het daarom zo duidelijk mogelijk uit te leggen!!

IK heb op dit moment een pagina met een achtergrond die mee groeit met de grootte van het scherm. Het ziet er als volgt uit:
http://img485.imageshack.us/img485/4855/voorbeeldaul0.jpg

Nou wil ik "zonnenstralen" op de achtergrond die ook mee groeien. Ik heb hiervoor een gif bestand gemaakt zonder achtergrond. Maar nu is mijn vraag hoe kan ik deze nou het beste toevoegen want een div die zo breed is als de afbeelding is niet mogelijk.

Dit is het totaal idee:
http://img503.imageshack.us/img503/296/voorbeeldyd8.jpg

Ik heb nu:

html,body {
margin: 0px;
padding: 0px;
color: #000000;
text-align: center;
font-family: verdana;
font-size: 0.85em;
background: url('images/bg.jpg') center;
background-repeat: repeat-y repeat-x;
background-position: center center;
}

bart van der veen

07-12-2006 19:28

"...want een div die zo breed is als de afbeelding is niet mogelijk"

waarom niet? denk je dat het zelf niet kan if is er een technische reden?

antwoord op de vraag: kun je niet iest doen met layers

ps toffe layout!

Jurgen B

07-12-2006 19:31

Danku!

De afbeelding is 2000px breed zodat hij op ieder scherm helemaal zichtbaar is!

Dan krijg ik dus een div van 2000px breed.

bart van der veen

07-12-2006 19:36

dat kan toch gewoon, ik ga even voor je testen. en zeg als je blieft JE. ik ben pas 22!

Jurgen B

07-12-2006 19:40

haha ik zeg standaard danku :P niet uit beleefdheid ofzo (A)

Ik heb:

html,body {
margin: 0px;
padding: 0px;
color: #000000;
text-align: center;
font-family: verdana;
font-size: 0.85em;
background: url('images/bg.jpg') center;
background-repeat: repeat-y repeat-x;
background-position: center center;
}

#stralen {
background: url('images/stralen.gif') center;
background-repeat: no-repeat;
}

<body>

<div id="stralen">
</div>

</body>

Maar hij laat mooi niets zien :P

Jurgen B

07-12-2006 19:49

Het is inmiddels gelukt!

Alleen nu heb ik nog 1 vraag! Nu wil ik de achterground weergeven zoals op deze foto.

http://img503.imageshack.us/img503/296/voorbeeldyd8.jpg

Alleen nu vraag ik me af met welke instellingen ik het gif bestand op moet slaan om het te laten doorschijnen! Ik stel mn opacity wel in in photoshop maar bij het opslaan gaat dat blijkbaar mis! En hij krijgt van die lelijke blokjes! Hoe voorkom ik dat?

Iemand een idee?

Jurgen B

07-12-2006 19:56

Ook al opgelost! Bedankt Bart!!!

PHP Newbie

07-12-2006 20:05

Post even je oplossing, dan hebben anderen er nog weer aan ;-)

bart van der veen

07-12-2006 20:28

over je transparantie dan kan eventueel met png das voor in Firefox en er is een patch voor transpatie in IE.

Jurgen B

07-12-2006 20:48

Ja ik zie inderdaad dat de PNG wél in FF werkt maar in IE is hij niet transparant! Is daar nog een oplossing voor?

De oplossing was door simpelweg een hoogte aan te geven op de #stralen div!

Leo

07-12-2006 20:51

Ik heb er een oplossing voor gevonden.. je moet maar even googlen naar:

IE png fix

Reageren

Inloggen om te reageren