6.920 views
hoe kan ik het beste een div "boven op" een andere div leggen? weet dat het kan met position en z-index, maar kom er niet helemaal uit! al vast bedank
Wat probeer je precies voor elkaar te krijgen? Kan je het tekenen met paint ofzo?
Je kan position:absolute gebruiken, of negatieve margins, of floats, of ..., en een combinatie van die allemaal. Welke het handigst is is afhankelijk van wat je precies wilt bereiken.
Je kan position:absolute gebruiken, of negatieve margins, of floats, of ..., en een combinatie van die allemaal. Welke het handigst is is afhankelijk van wat je precies wilt bereiken.
Heb een grote flash foto gallerij en wil daar links boven in de hoek een klein plaatje plaatsen met een link er aan om naar de vorige pagina te gaan.
Bij de flash, moet je dan een param toevoegen,, iets als
transparency=true,
Google op: Div over flash html.
transparency=true,
Google op: Div over flash html.
oke doe ik
div over div:
#div1 {
position: relative;
width: 100px;
height: 100px;
z-index: 1;
}
#div2 {
position: absolute;
width: 100px;
height: 100px;
z-index: 2;
top: 0px;
left: 0px;
}
en welke is dan welke div?
je kunt dit makkelijk checken door leeg bestandje te maken, en dan code iets aan te passen.
Kleuren aan divjes geven is de makkelijkste manier om snel te zien wat een divje presies doet.
#div1 {
position: relative;
background-color: green;
width: 100px;
height: 100px;
z-index: 1;
}
#div2 {
position: absolute;
background-color: red;
width: 100px;
height: 100px;
z-index: 2;
top: 0px;
left: 0px;
}
<html>
<body>
<div id="div1>test</div>
<div id="div2>test</div>
<body>
<html>
Kleuren aan divjes geven is de makkelijkste manier om snel te zien wat een divje presies doet.