Question

更新： 201202更新的新版本修复了它。

我尝试了以下内容，

创建一个新的SPA项目（Asp.Net MVC 4.0 2012.2更新）
使用NuGet升级所有引用。
运行Web应用程序。为默认的“Todo”应用程序创建一个测试帐户并记录。

在右上角，页面显示“Hello，test | Log off”。但是，这两个链接不响应Chrome和Firefox中的鼠标悬停。实际上，当您将鼠标光标移动到单词“off”的“ff”时，Log off会起作用。

有快速解决方法吗？如何报告微软的错误？

更新

我发现删除以下样式会使两个链接起作用。

#userSettings {
float: right;
}

<div id="userSettings">

    Hello, <a class="username" href="/Account/Manage" title="Manage">test</a>
<form action="/Account/LogOff" id="logoutForm" method="post" novalidate="novalidate">
  <input name="__RequestVerificationToken" type="hidden" value="xKY5UfTGZG8gx3NVn6fHLGcV_LgdR9Hyk0dqxJm3GzHY02_WXxHoxDI00RdvWQagTvthHaH6vcuDTN-Fu_us7T2V08fJXyoePjOmLOZzX3M1">       
  <a href="javascript:document.getElementById('logoutForm').submit()">Log off</a>
</form>    

</div>
<div id="body">...</div>

计算出的样式＆lt; Div id =“userSettings”＆gt;

color: rgb(51, 51, 51);
display: block;
float: right;
font-family: 'Segoe UI', Verdana, Helvetica, sans-serif;
font-size: 19px;
height: 25px;
width: 157px;

计算出的＆lt; div id =“body＆gt;

color: rgb(51, 51, 51);
display: block;
font-family: 'Segoe UI', Verdana, Helvetica, sans-serif;
font-size: 19px;
height: 476.71875px;
width: 980px;

似乎div“body”覆盖了div“userSettings”。但是，不知道为什么鼠标光标悬停在“注销”的“ff”后会发生变化。

Answer 1

只是猜测，但这听起来像一个boxmodel问题，可能用clearfix解决。

Chrome和Firefox中的单页应用程序错误？

1 个答案: