Toon posts:

[CSS] div relatief en toch als layer (overlappen)

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik wil een deels transparante afbeelding (VLEK.png) bovenop een pagina plaatsen, zodat de content van de ene layer overlap wordt door de afbeelding. de plaatsing van de VLEK moet relatief zijn (de parent div wordt gecentreerd), maar als ik position: absolute doe, dan plaatst hij de layers onder elkaar...

Weet jij hoe ik dit kan oplossen?
code:
1
2
3
4
5
6
7
8
9
10
11
12
<CENTER>
    <DIV style="width: 800px;">
        <DIV id="VLEK" style="position:relative; left:246px; top:0px;">
            [img]"VLEK.png"[/img]
        </DIV>
        
        <DIV class="tekst">
            content die (deels) overlapt moet worden 
            door transparante png afbeelding
        </DIV>  
    </DIV>
</CENTER>

  • Amras
  • Registratie: Januari 2003
  • Laatst online: 01-10-2025
Gebruik position:relative op de buitenste div en position:absolute op de div met id="VLEK". Als je dan left en top op 0 zet bij de overlappende div, staat ie linksbovenin de buitenste div.

Verder zie ik een center tags en zijn je tags in hoofdletters. Ook kun je de css beter in een apart css file plaatsen en die dan includen. :)

[ Voor 4% gewijzigd door Amras op 15-04-2005 14:53 ]


Verwijderd

Topicstarter
te gek! bedankt

[ Voor 140% gewijzigd door Verwijderd op 15-04-2005 15:03 ]