Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何获得正确/预期的不透明度以应用于IE8中使用$().fadeIn()显示的元素?_Jquery_Html_Css_Forms - Fatal编程技术网

Jquery 如何获得正确/预期的不透明度以应用于IE8中使用$().fadeIn()显示的元素?

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: 嗯。以下是我能想到的最佳

我有一个奇怪的CSS/jQuery,我搞不懂

我的页面上有三个表单,但一次只能显示一个,所以我默认使用CSS隐藏所有表单

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);
    });
}