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

Question

我在 IE 中开发时遇到了问题，我制作了一个很棒的标题，但现在我正在检查 Internet Explorer 中的所有内容，我发现了一些错误，

一个是下面的，我从来没有遇到过这样的事情，这就是为什么我真的很迷恋这个问题。我什至不确定是否有人知道如何解决这个问题，接受挑战吧!

我知道占位符在 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 和 CSS 解决问题。

我问你有没有人熟悉这个问题，

网站:(仅支持IE 7&8)

感谢阅读；)

Answer 1

当您清空文本框时，问题就解决了。我不知道你是否接受这个解决方法，但是嘿，它有效:)