0

我有一个 ASP.NET MVC 应用程序,其中有一个jQuery Treeview和一个jQuery Splitter。顶部有一个标题。在此之下,拆分器用于将空间分成两个 div。左侧 div 包含树视图,右侧 div 包含内容。

我有一个仅用于内容区域的样式表;所有样式都以 为前缀#Content,包含内容的 div 是id="Content". 在该样式表中,我对<a>链接进行了样式设置,以便它们不带下划线,除非您将鼠标悬停在它们上方。

通常我会在内容区域中放置一个表格来显示一些网格样式的数据。网格内有一列链接,用于显示详细信息。

这是问题所在。内容区域中的大多数链接都可以正常工作(当您将鼠标悬停在它们上方时它们会加下划线),但是列中的一两个链接不符合它们的a:link样式;它们将在第一次显示时加下划线,并且无论是否悬停在上都保持下划线。

仅当页面从 ASP.NET MVC 应用程序中呈现时才会发生这种情况。我正在使用 Visual Studio (Cassini) 中的开发 Web 服务器进行测试。如果我在浏览器中查看/源代码,将页面保存在我的桌面上,并修复指向 jQuery 脚本和样式表的链接,然后通过单击这样保存的页面在浏览器中查看页面,则不会出现问题。

我已经尝试过 Internet Explorer 7 和最新版本的 Firefox,链接以完全相同的方式失败,但仅在运行实际应用程序时才会失败。所有样式都有效,除了<a:link>#Contentdiv 中。

有没有人见过这种随机链接样式失败?我很茫然。我不明白如果我将页面保存在浏览器之外并再次打开它,为什么页面会像宣传的那样工作,但无论使用哪种浏览器,它都无法在应用程序中工作。

4

2 回答 2

1

a:visited { text-decoration:none }通过添加到内容区域样式表并清除浏览器缓存来修复。

于 2009-12-15T16:02:16.483 回答
0

jQuery UI 是否有任何样式 css 文件或由 jQuery 函数本身生成的内联 css。有问题的链接可能具有不同的级联签名,这就是您的 css 不适用的原因。使用Firebug检查 css 选择器。

于 2009-12-15T05:35:22.293 回答