Question

我在IE中开发时遇到了麻烦，我做了一个很好的标题，但现在我在Internet Explorer中查看了所有内容，我发现了一些错误，

一个是以下，我从来没有这样的事情，这就是为什么我真的很着迷这个问题。我甚至不确定是否有人知道如何解决这个问题，接受挑战！

我知道占位符DOESNT在IE中工作，但这显然不是问题。如果你在悬停中，并且你正在翻阅文本字段，那么该框就会消失，你需要再次检查它。

这里有一些代码：

<ul>
    <div class="transparant">
        <div class="dropbox">
            <div class="login">
                <div class="textfield">
                     <form method="post">
                       <input id="textfield_post" type="text" name="username" placeholder="Gebruikersnaam" class="matrix"/>    
                </div>
            </div>

            <div class="pass">
                <div class="textfield">
                    <input id="textfield_post" type="password" name="password" placeholder="Wachtwoord" class="matrix"/>   
                </div>
            </div>

            <div class="loginbutton">   
                <input type="submit" class="btn" value= "Login" type="button" id="login_button"></form>
            </div>

            <div class="forgotpass">
                <a href="#" onclick="NewPassword()">Forgot password?</A>
            </div>
        </div>
    </div>
    </div>
</ul>

我认为这是因为z-index。此外，我不想使用jquery或任何东西，我只想用正确的HTML＆amp;修复问题。 CSS。

我问你是否有人熟悉这个问题，

网站:(仅限IE 7和8）

感谢阅读;）

Answer 1

当您清空文本框时，问题就解决了。我不知道你是否接受了这项工作，但嘿，它有效：）

Answer 2

我猜您使用了:hover CSS或mouseover() JQuery来显示该框。我建议使用mouseentered()检查以下链接：

http://www.mkyong.com/jquery/different-between-mouseover-and-mouseenter-in-jquery/

并确保制作ul overflow:hidden

Answer 3

IE目前不支持Placeholder。我建议您使用JQuery移动。这是示例代码

<p><script type="text/javascript">
    $(function () {
        if (!$.support.placeholder) {
            var active = document.activeElement;
            $(':text').focus(function () {
                if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
                    $(this).val('').removeClass('hasPlaceholder');
                }
            }).blur(function () {
                if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
                    $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
                }
            });
            $(':text').blur();
            $(active).focus();
        }
    });
</script>
</p>

希望有所帮助

悬停中的文本字段在IE中无法正常工作

3 个答案: