2011-06-01 17 views
0

我有一個奇怪的CSS/jQuery疑難雜症,我找不出來。

我有我的網頁上有三種形式,但只有一個可以一次顯示出來,所以我使用CSS

form fieldset { 
    display: none; 
} 

然後我顯示它們隱藏所有默認動態使用jQuery方法淡入()。

但是,當我在每個字段集上調用fadeIn()方法時,標籤字體的CSS規則在IE8中未應用。 IE開發工具該字體家族是Verdana, Arial, sans-serif,但標籤都顯示與Arial。

CSS:

label { 
    font-family: Verdana, Arial, sans-serif; 
    font-size: 12px 
    font-weight: bold; 
} 

HTML:

<label for="State"> 
    State *: 
</label> 
+0

其實,我想我找到了問題的原因。 fadeIn()將alpha過濾器應用於元素。這會導致字體顯示與預期不同。使用fadeIn()時是否有消除過濾器的問題。目前,我只是要使用slideUp()和slideDown() - 我更喜歡它們! – 2011-06-01 16:22:07

+0

事實證明,幻燈片效果並不好。 – 2011-06-01 20:27:22

回答

0

確定。這是我能想到的最佳解決方案:

$(this).fadeTo(350, 1, function(){ 
     $(this).removeAttr("style").css("display", "block"); 
     myHide($addressFormFieldSet); 
     myHide($uploadFormFieldSet); 
    }); 
} 
相關問題