2011-07-19 9 views
8

Về cơ bản, tiêu đề cho biết mọi thứ - tại sao jQuery .animate ({opacity: 0}) cũng thay đổi chỉ mục z?Tại sao jQuery .animate ({opacity: 0}) thay đổi z-index quá

Bạn có biết cách giải quyết không?

EDIT:
liên kết với ví dụ: http://jsfiddle.net/4vUc7/

Cảm ơn.

+0

Bạn có thể cung cấp một câu đố trên http://jsfiddle.net/? – pimvdb

+0

Đã chỉnh sửa bài đăng của tôi có liên kết đến fiddle. – Ron

+0

Cảm ơn. Dường như nó không phải jQuery vì sử dụng độ mờ đục cố định, ví dụ: '0.7' cũng khiến nó tỏa sáng. – pimvdb

Trả lời

6

Bạn đang thiếu một dấu chấm phẩy trong bạn z-index

Đây là cập nhật fiddle

+0

Nó đã giải quyết được vấn đề của tôi nhưng câu hỏi thực sự là tại sao tôi phải sử dụng z-index ở vị trí đầu tiên? jquery .animate ({opacity: 0}) thay đổi chỉ mục z của phần tử. Btw dấu chấm phẩy còn thiếu là một sai lầm ngu ngốc: | – Ron

1

Như đã đề cập trong question linked by jen, đây không phải là một lỗi jQuery nhưng một vấn đề trình duyệt. Nếu bạn theo dõi các thuộc tính của phần tử có độ mờ đục đang được bật trong bảng điều khiển gỡ lỗi, bạn sẽ nhận thấy rằng chỉ có độ mờ được chạm vào. jQuery không chạm vào z-index, nhưng trình duyệt hiển thị các phần tử có độ mờ không bằng 1 khác nhau.

Tôi đã thực hiện thêm một vài thay đổi đối với mã của bạn: http://jsfiddle.net/radu/4vUc7/6/.