jQuery Cycle 플러그인 Z- 인덱스 부동 문제

Question

jQuery Cycle 요소 위에 요소를 배치하려고하면 작동하지 않습니다. 요소는 항상 jQuery 순환 요소 뒤에 있습니다. 저는 float을 사용합니다 : right; 요소를 배치하고 Z- 색인을 100000으로 설정하면 아무런 효과가 없습니다.

Firebug는 Cycle 요소와 그 하위 요소에 낮은 z- 인덱스가있는 것으로보고 플로팅 요소가 올바른 위치에 있음을 보여줍니다.

요소가 순환 이미지 위에 절대 표시되지 않습니다.

<!-- the cycling set --> 
<div id='headerimages'> 
    <img src='images/header1.jpg' alt='' style='' /> 
    <img src='images/header2.jpg' alt='' style='' /> 
    <img src='images/header3.jpg' alt='' style='' /> 
</div> 
<!-- the floating element --> 
<img src='images/logotransparent.png' alt='' id='logo' /> 

Answer 1

Z- 인덱스 트리거되지 않습니다 떠 만
Position: Relative 및

position: Absolute 그래서 이것들이 ... 당신이 position:relative를 추가하려고 할 수 있습니다 시도는
는 아무 영향을주지 않습니다 대부분의 시간의 있지만, 당신에게 액세스를 제공합니다 z- 인덱스

Answer 2

나는 그것이 오래된 스레드 .... 알아하지만 여기에 ..... 나는 내 사이트에서 presentationcycle을 사용했고 유사한 문제에 직면했다. 여기서 제시된 해결책을 시도했다. ..... 나는 내 자신의 CSS 파일에서 여러 곳에서 Z-Index를 변경했다. 문제가주기 자체의 CSS에 있다는 것을 알았습니다 ..... 내 문제를 해결하는 데 도움이되는 Z- 색인을 변경했습니다.

Answer 3

나는 똑같은 문제를 겪었지만, 최종 수정은 내 애니메이션에서 매우 높은 숫자 (내 경우에는 100)로 플로트하려는 것의 Z- 인덱스를 설정하는 것이 었습니다. Cycle은 자신의 Z- 인덱스를 할당 한 것처럼 보입니다. (그들은 한 자리 숫자 였지만 여전히 1 또는 2보다 크며 처음에는 부동 오브젝트의 z- 인덱스를 설정했습니다.)

Answer 4

그냥

.cycle-slideshow { 
z-index: 0; // or any smaller value to the covered div's 
} 

세부 Displaying a div at a z-index above a jQuery Cycle slide show