Nadam se da će ti ovo donekle pomoći, ako ništa da shvatiš koncept. Iskreno, ne razumijem baš šta misliš pod naljepnice. Iskopiraj ovo dole u HTML editor koji koristiš i vidi je li otprilike to-to. Ako nije, molim te nacrtaj u Paintu par kvadrata da vidim kako se preklapaju.
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css" media="all">
#container {
width: 400px;
height: 400px;
margin: auto;
background-color: #000;
z-index: 0;
}
#box1 {
position: absolute;
float: left;
width: 140px;
height: 50px;
margin-left: 20px;
margin-top: 100px;
background-color: #00F;
z-index: 1;
}
#box2 {
position: absolute;
float: left;
width: 90px;
height: 50px;
margin-left: 30px;
margin-top: 130px;
background-color: #F00;
z-index: 2;
}
#box3 {
position: absolute;
float: left;
width: 100px;
height: 50px;
margin-left: 40px;
margin-top: 120px;
background-color: #FF0;
z-index: 3;
}
#box4 {
position: absolute;
float: left;
width: 110px;
height: 50px;
margin-left: 50px;
margin-top: 100px;
background-color: #0F0;
z-index: 4;
}
</style>
</head>
<body>
<div id="container">
<div id="box1">
</div>
<div id="box2">
</div>
<div id="box3">
</div>
<div id="box4">
</div>
</div>
</body>
</html>