테스트 사이트 - 개발 중인 베타 버전입니다

질문좀드리겠습니다 채택완료

제이쿼링 8년 전 조회 4,261

http://jsfiddle.net/ANKwQ/5/">http://jsfiddle.net/ANKwQ/5/ 

 

이것좀 사용해볼려고합니다

그런데 a태그 위에 div 를 겹치게 할려면 어찌해야하나요 ㅠㅠ?

댓글을 작성하려면 로그인이 필요합니다.

답변 4개

채택된 답변
+20 포인트
8년 전

위 코드드로 깜빡인다면 온오버가 겹쳐서 그런걸텐데

 

코드 수정을 하실수 없다면 다른걸 찾아보시는게 빠르실거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

a
8년 전

깜박이는건 마우스 오버했을때 텍스트 상자가 나오기 때문입니다.

아래 소스참고하세요~

 

 

<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>  

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

8년 전

이 스타일만 조정하세요...

div {

    display: none;

    border:1px solid #000;

    height:30px;

    width:290px;

    margin-left:10px;

    position:relative;

    margin-top:-60px;

}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

굿
8년 전

<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개

제이쿼링
8년 전
저거용해보니 왜이리 깜빡거리는거죠 ㅠㅠ?
마우스 가져가면 엄청깜빡거립니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인