슬라이드 이미지 구성 중, 링크가 안걸려요 ㅠㅠ

슬라이드 이미지 구성 중, 링크가 안걸려요 ㅠㅠ

QA

슬라이드 이미지 구성 중, 링크가 안걸려요 ㅠㅠ

본문

홈페이지 메인에 슬라이드 이미지를 넣었습니다.

슬라이드 이미지에 링크를 걸고 싶은데 아무리해도 링크가 안되네요.

css 소스중에 mainVisualImgsEffect 없애면 링크가 걸리는거 같은데...

도대체 왜 안되는지 모르겠네요 ㅠㅠ

 

 

<style>

.mvisual-wrap {z-index:1;}
.mvisual-wrap {position:relative;height:440px;z-index:1; }
.mvisual-imgwrap {position:relative;z-index:1;width:100%;height:100%; }
.mainVisualImgsEffect {position:absolute;left:0;top:0;z-index:1; }


#mVisImgWrap .ctrl-btns{ float:right; width:100%; ;z-index:99999;}

.mvisual-wrap .ctrl-btns button, .mvisual-wrap .ctrl-btns a {cursor:pointer;width:20px;height:20px;background:url(/images/main/main_ctrl_btns.png) no-repeat left top;overflow:hidden;margin-left:0px;margin-right:0px;border-radius:11px;background-color:rgba(255,255,255,0.01);}
.mvisual-wrap .ctrl-btns a {display:inline-block;}
.mvisual-wrap .ctrl-btns .btn-play {background-position:0px -30px;}
.mvisual-wrap .ctrl-btns .btn-stop {background-position:-19px -30px;}
.mvisual-wrap .ctrl-btns button span, .mvisual-wrap .ctrl-btns a span {white-space:nowrap;padding-left:40px;display:inline-block;cursor:pointer; }
.mvisual-wrap .ctrl-btns a {background-position:-59px -30px;}
.mvisual-wrap .ctrl-btns a:hover, .mvisual-wrap .ctrl-btns a.over {background-position:-39px -30px;}
.mvisual-wrap .ctrl-btns button {border:0;margin:0;padding:0; }
.mvisual-wrap .ctrl-btns  * {vertical-align:top; }
.mvisual-wrap .ctrl-btns {position:absolute;z-index:1000;width:auto;height:0px;bottom:-30px;left:20px;text-align:center; }

</style>

 

 

<div id="mVisWrap" class="mvisual-wrap">

<div id="mVisImgWrap" class="mvisual-imgwrap mbanner-wrap div-cont" >

<div class='visImgEffectWrap'>
<div class='visImgEffect mainVisualImgsEffect' >
<div id="visImg1" ><a href="http://www.naver.com"><img src="/images/main/mvis_01.jpg"></a></div>
</div>

<div class='visImgEffect mainVisualImgsEffect' >
<div id="visImg2" ><img src="/images/main/mvis_02.jpg" /></div>
</div>
</div>

<div class='ctrl-btns'>
<button class='btn-play'><span>재생</span></button>
<button class='btn-stop'><span>멈춤</span></button>
<span class='ctrl-nums'>
<a href='#visImg1'><span>1</span></a>
<a href='#visImg2'><span>2</span></a>
<a href='#visImg3'><span>3</span></a>
<a href='#visImg4'><span>4</span></a>
</span>
</div>  

 

 

이 질문에 댓글 쓰기 :

답변 2

1. 마우스를 올려서 손모양 커서가 나오나 봅니다.

(안나온다면 가려진거임)

2. 개발자도구로 가려진 부분의 코드를 찾아내 제거하거나 해결한다.

(가려진문제라면 z-index 조정으로 해결 가능.)

 

기타..) javascript가 a태그를 날려먹는 경우도 있구요.. 가짓수는 다양합니다.

예제 URLㅇ ㅣ있다면 확실히 알 수 있을듯 하구요.

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

회원로그인

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