2010-07-01 15 views
7

Ben FadeIn() opacity: 0.1 veya (filter: alpha(opacity = 10) içinde ie) üzerinde başlayan bir div arıyorum.jquery fadeIn() opaklıktan: 0.1 - mümkün mü?

if(supports opacity) ile .animate({css.... yapabilirim, ancak hızlı ve kolay bir çapraz tarayıcı çözümü arıyorum ve jquery'nin zaten bir tane olduğunu mu hayal ediyorum?

cevap

11

Sen .animate() kullanarak bunu yapabilirsiniz: Gerekirse

.animate({ opacity: 1 }); 

Orada $.support.opacity kontrol etmek gerek, alfa filtre versiyonunu kullanacağız, jQuery içten bu normalize eder. Açık olmak gerekirse, bu IE dahil tüm tarayıcıları destekler. You can test it here.

Düzenleme: yeniden okumanın IE doğru you can view a demo of that here solmaya için bu stilleri durum sadece zoom: 1 eklemek hangi değil .css() tarafından belirlenen stil sayfasında, olabilir gibi görünüyor soru. Onun bağırsaklarının nasıl çalıştığını görebilirsiniz here.

+0

bloody ie, ile yakınlaştırma: 1 düzeltme ben fading parlak var, ama alfa 100 dinlenmek için geldiğinde aniden korkunç görünüyor! IE alfa ve şeffaf png im im ile bir ilgisi olmalı. Ah, sanırım bu bir bezeme olabilir, yani kullanıcılar (şimdilik) olmadan gidebilir! yardım ettiğin için teşekkür ederim – Haroldo

2

Daha sonra başlamak css kullanarak saydamlığını ayarlayabilirsiniz fadeIn

Ör

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' ile 0 süresi, 'css (' opacity ', ...)' ile doğrudan aynıdır. Bkz. [Belgeler] (http://api.jquery.com/fadeTo) – Matt

+0

Ah. iyi bir nokta :) Cevabınızı dile getirdi. – Dogbert