문제는

Question

이 원래 부문이었다 왜 ? 그 가능성이 문제에 대한 원인,

#hero { 
float: right; 
border-top: 1px solid #FFF; 
width: 725px; 
height: 370px; 
background: #666; 
} 

#wave { 
width: 970px; 
height: 40px; 
position: absolute; 
left: 0; 
bottom: 0; 
background: url(../img/wave.png) no-repeat bottom left; 
} 

Answer 1

사이클 플러그인의 z 인덱스를 사용 : 여기

이 부문의 CSS입니다. 주기 플러그인 코드에서 :

// set position and zIndex on all the slides 
    $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { 
     var z; 
     if (opts.backwards) 
      z = first ? i <= first ? els.length + (i-first) : first-i : els.length-i; 
     else 
      z = first ? i >= first ? els.length - (i-first) : first-i : els.length-i; 
     $(this).css('z-index', z) 
    }); 

나는 "웨이브"의 Z- 인덱스로 게임을하고 도움이되지 않는지 확인합니다.

#wave { 
width: 970px; 
height: 40px; 
position: absolute; 
left: 0; 
bottom: 0; 
background: url(../img/wave.png) no-repeat bottom left; 
z-index: 99; 
} 

Answer 2

절대 위치에 @Orbling 말했듯 Z 색인 의한 변화 (사이클 플러그인) 상대 변경. 경계가 회전 자의 이미지 위에 놓 이도록하려면 절대적으로 또는 상대적으로 위치를 지정하고 컨테이너보다 높은 z- 인덱스를 지정하십시오. * 명시 적 (position:relative; or position:absolute;)을 하부 물결 "테두리"요소를 위치시키고 그것을 회 소자보다 높은 Z- 색인을 제공 * 요소를 회보다 Z- 색인주는

을 :

해결한다. 요소가 명시 적으로 위치하지 않은 경우 작동하지 않습니다. http://www.webdevout.net/test?0_ HTML 코드입니다