목록으로

z-index 채택완료

tngh58

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전 조회 4,746

답변 4

a는 배경 b는 배경위에 png이미지파일 c는 그위에 있는 png파일입니다.

그런데 b에 a태그(링크나 hover)를 걸고싶은데 c.png파일이 위에 얹어져서 b에 태그가 안걸려요.

c가 png라 중간에 없는 투명 파일인데도 영역이 전체로 다 잡히는건가요??

ㅜ 정말 도와주세요~

#a태그 #png #jpg #배경

답변 4개

정렬:

채택된 답변

+20 포인트

kalcapt

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

배경이 없지만 영역은 차지하고 있습니다...

c를 맨 뒤로 보내시거나... 하셔야 클릭이 됩니다..

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

답변에 대한 댓글 1개

tngh58

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

ㅜ 디자인상 저 구조로 가야하는데 방법이 없을가요?

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

평정심

프로필 보기 이 회원 글보기 이 회원의 댓글보기

10년 전

재밌을것 같아 간단하게 만들어 보았습니다.

z-index값은 적용하지 않았지만 잘 응용하시면 될것 같군요.뭐 다른 방식으로도 가능하겠지만...

세개의 이미지를 포함하는 div의 id="container" 이라 하고, 클릭에 해당되는 div의 id="reck" 이라 했을 때

Copy

 
#container{position:relative;width:500px;height:400px;background:gray;}
#reck{position:absolute;left:100px;top:100px;width:200px;height:200px;background:blue;}




$(function(){
    var w = $("#reck").width(); 
    var h = $("#reck").height(); 
    var position = $("#reck").position();
    var x = position.left; 
    var y = position.top; 

    $("#container").live("mousemove",function(event){     
        if(event.pageX >=x && event.pageX= y && event.pageY =x && event.pageX= y && event.pageY

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