2010-07-01 35 views
7

Tôi đang tìm cách làm mờ() một div bắt đầu từ ngày opacity: 0.1 hoặc (filter: alpha(opacity = 10) trong ví dụ).jquery fadeIn() từ độ mờ đục: 0,1 - có thể?

Tôi biết tôi có thể làm .animate({css.... với số if(supports opacity) nhưng tôi đang tìm kiếm giải pháp trình duyệt chéo nhanh chóng và dễ dàng, và tôi tưởng tượng jquery đã có?

Trả lời

11

Bạn có thể làm điều này bằng .animate():

.animate({ opacity: 1 }); 

Có không cần phải kiểm tra $.support.opacity, nó sẽ sử dụng phiên bản alpha lọc nếu cần thiết, jQuery lại bình thường này trong nội bộ. Để rõ ràng, điều này hỗ trợ tất cả các trình duyệt, bao gồm cả IE. You can test it here.

Edit: đọc lại câu hỏi của bạn có vẻ như những phong cách có thể trong stylesheet, không được thiết lập bởi .css(), trong trường hợp này chỉ cần thêm một zoom: 1 cho IE mờ dần một cách chính xác, you can view a demo of that here. Bạn có thể thấy sự can đảm của nó hoạt động như thế nào here.

+0

tức là đẫm máu, với zoom: 1 sửa chữa tôi đã có nó mờ dần rực rỡ, nhưng khi nói đến phần còn lại trên alpha 100 nó đột nhiên trông khủng khiếp! Phải là một cái gì đó để làm với alpha của alpha và hình ảnh png minh bạch im sử dụng. ồ, tôi nghĩ rằng đây có thể là một chỉnh trang, tức là người dùng có thể đi mà không cần (ngay bây giờ)! Cảm ơn bạn đã giúp đỡ – Haroldo

2

Bạn có thể thiết lập độ mờ sử dụng css sau đó bắt đầu fadeIn

Ví dụ:

yourElement.css('opacity', .1).fadeIn(); 
3
time = 1000; // time in ms to fade from 0.1 to 1 
$("#id").fadeTo(0, 0.1).fadeTo(time, 1) 
+0

FYI .. 'fadeTo' với thời lượng bằng 0 giống như gọi' css ('opacity', ...) 'trực tiếp. Xem [tài liệu] (http://api.jquery.com/fadeTo) – Matt

+0

Ah. tốt điểm :) Upvoted câu trả lời của bạn. – Dogbert

Các vấn đề liên quan