질문좀드리겠습니다 채택완료
답변 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 {
display: none;
border:1px solid #000;
height:30px;
width:290px;
margin-left:10px;
position:relative;
margin-top:-60px;
}
댓글을 작성하려면 로그인이 필요합니다.
<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>
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
마우스 가져가면 엄청깜빡거립니다