Jquery 为什么在I'；我正试着发散。当我简单地使用显示块时，它工作得很好

我有一个错误消息的范围，分配了一个类。错误消息它的页边空白顶部为5px。当我将其“显示”属性更改为“块”时，效果良好，但当我尝试淡入淡出时，它会忽略页边空白顶部

HTML:

jQuery：

    function check_first_name() {

        var first_name_length = $("#form_first_name").val().length;

        if(first_name_length < 1) {
            $("#form_first_name_err_img").fadeIn();
            $("#form_first_name_err_msg").fadeIn();
            error_first_name = true;
        } else {
            $("#form_first_name_err_img").hide();
            $("#form_first_name_err_msg").hide();
        }

    }

function check_last_name() {

    var last_name_length = $("#form_last_name").val().length;

    if(last_name_length < 2) {
        $("#form_last_name_err_img").css( "display", "block" );
        $("#form_last_name_err_msg").css( "display", "block" );
        error_last_name = true;
    } else {
        $("#form_last_name_err_img").css( "display", "none" );
        $("#form_last_name_err_msg").css( "display", "none" );
    }   

}

函数检查\u first\u name（）{
var first_name_length=$（“#form_first_name”）.val（）.length；
如果（名字长度<1）{
$（“#form_first_name_err_img”）.fadeIn（）；
$（“#form_first_name_err_msg”）.fadeIn（）；
错误\u first\u name=true；
}否则{
$（“#form_first_name_err_img”）.hide（）；
$（“#form_first_name_err_msg”）.hide（）；
}
}
函数检查\u last\u name（）{
var last_name_length=$（“#form_last_name”）.val（）.length；
如果（姓氏长度<2）{
$（“#form_last_name_err_img”）.css（“显示”、“块”）；
$（“form#u last_name_err_msg”）.css（“display”、“block”）；
错误\u last\u name=true；
}否则{
$（“form#last_name_err_img”）.css（“display”、“none”）；
$（“form#last_name_err_msg”）.css（“display”、“none”）；
}   
}

而不是

显示：无使用<代码>可见性：隐藏在css中。它允许在页面上为其分配空间
s和
s不是块级元素。在
fadeIn（）之后
，如果您检查它们的显示属性，它们将
内联
。当您专门将它们设置为
block
时，它们将遵守边距，但在
fadeIn（）过程中自动设置为
inline
时则不会遵守边距

您可以尝试以下操作，而不是
fadeIn（）
：

$("#form_first_name_err_img")
    .css({opacity: 0, display: 'block'})
    .animate({opacity: 1}, 'fast');

这里是基本的演示链接

请提供小提琴，这将很有帮助。我几乎遇到了同样的问题，这为我解决了问题。谢谢！
    function check_first_name() {

        var first_name_length = $("#form_first_name").val().length;

        if(first_name_length < 1) {
            $("#form_first_name_err_img").fadeIn();
            $("#form_first_name_err_msg").fadeIn();
            error_first_name = true;
        } else {
            $("#form_first_name_err_img").hide();
            $("#form_first_name_err_msg").hide();
        }

    }

function check_last_name() {

    var last_name_length = $("#form_last_name").val().length;

    if(last_name_length < 2) {
        $("#form_last_name_err_img").css( "display", "block" );
        $("#form_last_name_err_msg").css( "display", "block" );
        error_last_name = true;
    } else {
        $("#form_last_name_err_img").css( "display", "none" );
        $("#form_last_name_err_msg").css( "display", "none" );
    }   

}

$("#form_first_name_err_img")
    .css({opacity: 0, display: 'block'})
    .animate({opacity: 1}, 'fast');

.error_msg {
     color: red;
     font-size: 12px;
     margin-top: 5px;
     display:block;
     opacity:0;
     filter:alpha(opacity=0); /*** this is for old ie browsers *******/
}