질문좀드리겠습니다

질문좀드리겠습니다

QA

질문좀드리겠습니다

본문

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

답변을 작성하시기 전에 로그인 해주세요.
전체 129,672 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT