질문좀드리겠습니다
본문
답변 4
위 코드드로 깜빡인다면 온오버가 겹쳐서 그런걸텐데
코드 수정을 하실수 없다면 다른걸 찾아보시는게 빠르실거 같습니다.
깜박이는건 마우스 오버했을때 텍스트 상자가 나오기 때문입니다.
아래 소스참고하세요~
<div class="divimg"> <a href="#"><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ'></a>
<div class="text">text</div>
</div>
<style>
.divimg{
border:none;
height:30px;
width:290px;
margin-left:10px;
}
.text {
display: block;
position:absolute;
top:100px;
left:40px;
border:none;
color:#F00;
}
</style>
<div class="divimg" style="position:relative">
<a><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ'></a>
<div>text</div>
</div>
<stye>
.divimg > div {
display: none;
border:1px solid #000;
height:30px;
width:290px;
margin-left:10px;
}
a:hover + div {
display: block;
position:absolute;
top:70px;
left:0;
}
</style>
저거용해보니 왜이리 깜빡거리는거죠 ㅠㅠ?
마우스 가져가면 엄청깜빡거립니다
이 스타일만 조정하세요...
div {
display: none;
border:1px solid #000;
height:30px;
width:290px;
margin-left:10px;
position:relative;
margin-top:-60px;
}
