Question

在下面的jsfiddle中，页脚中有两个悬停形式。当您将鼠标悬停在“登录”上时，登录表单将按预期显示。但是，将鼠标悬停在用户名输入框上，会出现注册表单。此外，将鼠标悬停在页脚中的“注册”上，注册表单将按预期显示。但是，将鼠标移到“用户名”标签上，将显示登录表单。

我只是在Internet Explorer中遇到此错误（我使用的是版本10）。 Chrome和FireFox已经过测试。当我进入IE中的兼容性视图时，我不再有这个问题了。

http://jsfiddle.net/LcPqR/4/

<body>  

<div id="header">
</div>


<div id="middle">
<div id="content"> 
</div><!--/content-->
</div><!--/middle-->

<div id="footer">
<ul id="footer_row">

    <li>login
<ul>
<li ><form name="loginForm" action="redirect.php" method="post">
    <label for="inputUser">Username</label> <input id="inputUser" type="text" name="user" maxlength="30" />
    <label for="inputPass">Password</label> <input id="inputPass" type="password" name="pass" maxlength="254" />
    <input type="checkbox" name="remember" value="yes"> <label for="chkRemember" />Stay signed in</label>
    <input type="submit" class="submit-form" value="Submit" />
    </form>
</li>
</ul>

</li>
<li>register
<ul>
<li ><form name="registerForm" action="register.php" method="post">
    <label for="inputUser" >Username</label> <input id="inputUser"  type="text" name="user" maxlength="30" />
    <label for="inputEmail" >E-Mail Address</label> <input id="inputEmail" type="text" name="email" maxlength="254" />
    <label for="inputPass1" >Password</label> <input id="inputPass1" type="password" name="pass1" maxlength="254" />
    <label for="inputPass2" >Password (again)</label> <input id="inputPass2" type="password" name="pass2" maxlength="254" />
    <input class="submit-form" type="submit" value="Submit" />
    </form>
</li>
</ul>


</li></ul>
</div>
</body>

IE10 - 悬停触发不需要的：悬停事件

0 个答案: