Jquery 如何获得正确/预期的不透明度以应用于IE8中使用$().fadeIn()显示的元素?
我有一个奇怪的CSS/jQuery,我搞不懂 我的页面上有三个表单,但一次只能显示一个,所以我默认使用CSS隐藏所有表单Jquery 如何获得正确/预期的不透明度以应用于IE8中使用$().fadeIn()显示的元素?,jquery,html,css,forms,Jquery,Html,Css,Forms,我有一个奇怪的CSS/jQuery,我搞不懂 我的页面上有三个表单,但一次只能显示一个,所以我默认使用CSS隐藏所有表单 form fieldset { display: none; } 然后,我使用jQuery方法fadeIn动态显示它们 然而,当我在each字段集上调用fadeIn方法时,标签字体的CSS规则并没有在IE8中应用。IE开发者工具说字体系列是Verdana、Arial、sans serif,但是标签都是用Arial显示的 CSS: HTML: 嗯。以下是我能想到的最佳
form fieldset {
display: none;
}
然后,我使用jQuery方法fadeIn动态显示它们
然而,当我在each字段集上调用fadeIn方法时,标签字体的CSS规则并没有在IE8中应用。IE开发者工具说字体系列是Verdana、Arial、sans serif,但是标签都是用Arial显示的
CSS:
HTML:
嗯。以下是我能想到的最佳解决方案:
$(this).fadeTo(350, 1, function(){
$(this).removeAttr("style").css("display", "block");
myHide($addressFormFieldSet);
myHide($uploadFormFieldSet);
});
}
事实上,我想我找到了问题的原因。fadeIn将alpha过滤器应用于元素。这会导致字体显示与预期不同。在使用fadeIn时,是否存在消除过滤器的方法。就目前而言,我只打算使用slideUp和slideDown——反正我更喜欢它们!事实证明,幻灯片效果并没有好多少。
<label for="State">
State *:
</label>
$(this).fadeTo(350, 1, function(){
$(this).removeAttr("style").css("display", "block");
myHide($addressFormFieldSet);
myHide($uploadFormFieldSet);
});
}