#newsImg {
width: 450px;
}
#newsWrap {
margin:0;
position:relative;
width: 450px;
height: 450px;
background: url(http://webzine.jinbo.net/img/news_img/news_0915.png) no-repeat;
list-style:none;
}
#newsWrap a span {
display: none;
}
#newsWrap a:hover span{
display: block;
text-indent: 0;
vertical-align: top;
color: #000;
background-color: #fff;
font: normal 12px 굴림;
position: absolute;
border: 1px solid #BCBCBC;
top:100%;
margin: 0;
padding: 20px;
width: 150px;
}
#newsWrap a {
display: block;
position: absolute;
z-index : 1000;
text-decoration:none;
}
#newsWrap a:hover {
border: 1px dashed #f00;
}
#newsWrap li{
display:inline;
}
#a1 {
width: 186px;
height: 84px;
top: 0px;
left: 0px;
}
#a2 {
width: 110px;
height: 84px;
top: 0px;
left: 186px;
}
#a3 {
width: 82px;
height: 39px;
left: 296px;
top: 45px;
}
#a4 {
width: 187px;
height: 55px;
top: 84px;
left: 0px;
}
#a5 {
width: 262px;
height: 55px;
top: 84px;
left: 185px;
}
#a6 {
width: 124px;
height: 33px;
top: 198px;
left: 0px;
}
#a7 {
width: 129px;
height: 33px;
top: 198px;
left: 124px;
}
#a8 {
width: 196px;
height: 33px;
top: 198px;
left: 251px;
}
#a9 {
width: 96px;
height: 42px;
top: 335px;
left: 0px;
}
#a10 {
width: 154px;
height: 42px;
top: 335px;
left: 96px;
}
#a11 {
width: 105px;
height: 42px;
top: 335px;
left: 253px;
}
#a12 {
width: 90px;
height: 42px;
top: 335px;
left: 358px;
}
재미있는데요~
근데 ie와 ff에서 클릭되는 내용이 달라져요…
네, 흑흑 수정할께요. 사실 어제 알았는데, 원인을 몰라서 도망갔었어요
호홋 이제 될거에요 고쳤삼.