질문좀드리겠습니다 채택완료
http://jsfiddle.net/ANKwQ/5/">http://jsfiddle.net/ANKwQ/5/
이것좀 사용해볼려고합니다
그런데 a태그 위에 div 를 겹치게 할려면 어찌해야하나요 ㅠㅠ?
답변 4개
댓글을 작성하려면 로그인이 필요합니다.
깜박이는건 마우스 오버했을때 텍스트 상자가 나오기 때문입니다.
아래 소스참고하세요~
<div class="divimg"> <a href="#"><img src='https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcQB3a3aouZcIPEF0di4r9uK4c0r9FlFnCasg_P8ISk8tZytippZRQ">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">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개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
마우스 가져가면 엄청깜빡거립니다