0

在我的登录页面中，有三种表单，用于登录、注册和密码重置。我只想显示登录表单。如果任何用户单击相应的按钮，则会出现其他两种表单。在 chrome 中一切都很好。但是在Firefox的注册表单总是出现在登录页面中，但同时通过重置表单隐藏在那里。我的表单属性声明是好的。我检查了那些。但我无法解决问题。

下面是表单的隐藏和上滑、淡入的js代码：

$(document).ready(function () {

    var login = $('#loginform');
    var recover = $('#recoverform');
    var speed = 400;

    $('#to-recover').click(function () {
        $("#loginform").slideUp();
        $("#recoverform").fadeIn();
    });

    $('#to-login').click(function () {
        $("#recoverform").hide();
        $("#loginform").fadeIn();
    });

    $('#to-login').click(function () {

    });

    if ($.browser.msie == true && $.browser.version.slice(0, 3) < 10) {
        $('input[placeholder]').each(function () {

            var input = $(this);
            $(input).val(input.attr('placeholder'));

            $(input).focus(function () {
                if (input.val() == input.attr('placeholder')) {
                    input.val('');
                }
            });

            $(input).blur(function () {
                if (input.val() == '' || input.val() == input.attr('placeholder')) {
                    input.val(input.attr('placeholder'));
                }
            });
        });
    }
});

这是CSS部分

#loginbox form#loginform { z-index: 200; display:block;}
#loginbox form#recoverform { z-index: 100;     display:none;}
#loginbox form#recoverform .form-actions {    margin-top: 10px;}
#loginbox form#signupform { z-index: 150;     display:none;}
#loginbox form#signupform .form-actions {    margin-top: 10px;}

有人可以让我知道我在哪里做错了。我认为我在 css 部分做错了，但是 chrome 完美地显示了这就是我想知道的原因。

4

0 回答 0