jQuery Cycle plugin z-index float vấn đề

Question

Khi tôi cố gắng đặt một phần tử trên đầu trang của phần tử jQuery Cycle của tôi, nó không hoạt động. Phần tử luôn ở phía sau phần tử chu kỳ jQuery. Tôi dùng phao: đúng; để định vị phần tử và đặt chỉ mục z thành 100000, không có kết quả.

Firebug xem phần tử Chu kỳ và con của nó có chỉ số z thấp và hiển thị phần tử nổi ở đúng vị trí.

Phần tử không bao giờ hiển thị phía trên hình ảnh Đi xe đạp.

<!-- 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

nổi không kích hoạt z-index, chỉ
Position: Relative và position: Absolute

vì vậy hãy thử những .. bạn có thể muốn thử thêm position:relative,
nó sẽ không ảnh hưởng đến bất cứ điều gì nhất của thời gian, nhưng sẽ cung cấp cho bạn quyền truy cập vào z-index

Answer 2

Tôi biết đó là một chủ đề cũ .... nhưng tôi nghĩ rằng t ở đây ..... Tôi sử dụng presentationcycle trong trang web của tôi và phải đối mặt với vấn đề tương tự, đã thử giải pháp được đề xuất ở đây ..... Tôi đã thay đổi chỉ mục Z ở nhiều nơi trong tệp css của riêng tôi .... nhưng cuối cùng thấy rằng vấn đề là trong css của chu kỳ chính nó ..... thay đổi z-index trong nó đã giúp giải quyết vấn đề của tôi.

Answer 3

Tôi đã gặp vấn đề tương tự, nhưng bản sửa lỗi cuối cùng cho tôi là thiết lập chỉ mục z về những thứ tôi muốn trôi nổi phía trên hoạt ảnh của mình thành số thực sự cao (100 trong trường hợp của tôi). Có vẻ như Chu kỳ chỉ định chỉ mục z của riêng nó (chúng nằm trong các chữ số duy nhất, nhưng vẫn lớn hơn 1 hoặc 2, đây là nơi tôi đặt z-index của đối tượng nổi ban đầu).

Answer 4

Chỉ cần thêm phong cách z-index để chứa chu kỳ

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

tiết xem Displaying a div at a z-index above a jQuery Cycle slide show