我有一个 ASP.NET MVC 应用程序,它有一个 jQuery Treeview和一个 jQuery Splitter在里面。顶部有一个标题。在此之下,拆分器用于separate the space into two divs .左边的 div 包含 treeview , 右边的 div 包含内容。
我有一个内容区域的样式表;所有样式都以 #Content
为前缀, 而包含内容的 div 是 id="Content"
.在该样式表中,我设置了 <a>
的样式。链接,这样除非您将鼠标悬停在它们上面,否则它们不会加下划线。
通常我会在内容区域放置一个表格来显示一些网格样式的数据。网格内有一列链接,用于显示详细信息。
问题来了。内容区域中的大多数链接都可以正常工作(当您将鼠标悬停在它们上面时,它们会加下划线),但是列中有一个或两个链接未通过其 a:link
。风格;它们将在首次显示时带有下划线,并且无论是否将鼠标悬停在其上都将保持下划线。
只有当页面从 ASP.NET MVC 应用程序中呈现出来时才会发生这种情况。我正在使用 Visual Studio (Cassini) 中的开发 Web 服务器进行测试。如果我在浏览器中查看/源代码,将页面保存在我的桌面上,修复指向 jQuery 脚本和样式表的链接,然后通过单击这样保存的页面在浏览器中查看页面,问题就不会发生。
我已经尝试过 Internet Explorer 7 和最新版本的 Firefox,链接以完全相同的方式失败,但仅在运行实际应用程序时。所有样式都有效,除了 <a:link>
在#Content
分区
有没有人见过这种随机链接样式失败?我很茫然。我不明白为什么如果我将它从浏览器中保存并再次打开,该页面会像宣传的那样工作,但无论浏览器如何,它都不会在应用程序中工作。
最佳答案
通过将 a:visited { text-decoration:none }
添加到内容区域样式表并清除浏览器缓存来修复。
关于jquery - ASP.NET MVC 中的链接样式失败问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1905328/