<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<style>
.wrap{
width:1200px;
margin:0 auto;
}
.login{
background-color:#F1E5D5;
width:100%;
margin-bottom:20px;
top:0;
}
.logo{
height:200px;
width:200px;
margin-left:50px;
}
.menu{
width:1200px;
}
.menu div{
margin-bottom:20px;
width:109px;
height:55px;
line-height:50px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
float:left;
}
.menu div > img{
display:block;
margin:0 auto;
}
.img1{
position:relative;
z-index:1;
}
.img2{
position:absolute;
z-index:2;
}
.img3{
position:absolute;
z-index:3;
}
.img4{
position:absolute;
z-index:4;
}
</style>
</head>
<body>
<a href="../html/project2.php">
<a href="../html/memberform.php">
</div>
</div>
</div>
<div class="slide_ul">
<div class = "img1"><a href="#"><img src="../img/img/slide_img_1.gif" alt="dane" class = "img1" width = "760"
height = "480"></a></div>
<div class = "img2"><a href="#"><img src="../img/img/slide_img_2.gif" alt="dane" class = "img2" width = "760"
height = "480"></a></div>
<div class = "img3"><a href="#"><img src="../img/img/slide_img_3.gif" alt="dane" class = "img3" width = "760"
height = "480"></a></div>
<div class = "img4"><a href="#"><img src="../img/img/slide_img_4.gif" alt="dane" class = "img4" width = "760"
height = "480"></a></div>
</div>
</div>
</div>
</body>
</html>
제가 slide클래스에있는 이미지 4개를 겹치고싶은데
하나 렐러티브 주고 나머지 앱솔루트 주니까 사진 3개는 겹쳐지는데 나머지 한개가 안겹쳐지는데 왜이런건가요..
혹시몰라서 html코드 전부다 썻습니다!!
