2009-12-15 31 views
0

我有一个ASP.NET MVC应用程序,其中有jQuery TreeviewjQuery Splitter。顶部有一个标题。在此之下,分配器用于separate the space into two divs。左边的div包含treeview,右边的div包含内容。ASP.NET MVC中链接样式失败的问题

我有一个样式表仅用于内容区域;所有样式的前缀为#Content,包含该内容的div为id="Content"。在那个样式表中,我已经设计了<a>链接,因此它们不会加下划线,除非您将鼠标悬停在它们上面。

通常我在内容区域放置一个表格来显示一些网格样式的数据。网格内有一列显示细节的链接。

这是问题所在。内容区域中的大多数链接都可以正常工作(当你将鼠标悬停在它们上面时,它们会被强调),但是列中有一个或两个链接失败a:link风格;他们会在第一次显示时加下划线,并留下他们是否被徘徊。

这只发生在页面呈现出ASP.NET MVC应用程序之外。我正在使用Visual Studio(Cassini)中的开发Web服务器进行测试。如果我在浏览器中查看/源代码,将页面保存在我的桌面上,并将链接修改为jQuery脚本和样式表,并通过单击页面在浏览器中查看该页面,问题不会发生。

我已经尝试了Internet Explorer 7和最新版本的Firefox,并且链接的失败方式与完全相同,但仅在运行实际应用程序时才会失败。所有的造型作品,#Content div中的<a:link>除外。

有没有人见过这种随机链接样式失败之前?我很茫然。我不明白为什么这个页面会像广告一样工作,如果我把它从浏览器中保存下来并重新打开它,但它不会在应用程序中运行,无论浏览器如何。

+0

你是否按照正确的顺序指定了伪类规则? (见:http://www.w3schools.com/css/css_link.asp)之前访问过的行为不正常或者以其他方式特殊?您是否在JavaScript关闭的情况下测试了CSS行为?你能以更简单的形式分辨问题吗? – brianpeiris 2009-12-15 05:58:24

+0

其实有一种可能性,我没有设计'a:visited'。经过反思,我相信这将解释所有事情,包括为什么它在应用程序中运行,但不保存到桌面(所有链接都不相同)。失败的链接很可能是我所遵循的。明天我上班时我会检查一下。 – 2009-12-15 06:03:22

回答

1

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

0

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

+0

造型,是的。内联生成,否。 – 2009-12-15 05:44:52

+0

然后我怀疑jQuery UI提供的css与你的相冲突。 – 2009-12-15 08:09:07