使用蓝图显示URL的超链接

本文介绍了使用蓝图显示URL的超链接的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我刚刚将一个网站转换为Blueprint CSS，突然，我的超链接显示他们的URL在括号，例如

I just converted a site to Blueprint CSS today, and suddenly all my hyperlinks are showing their URL's in brackets, e.g.

这个超链接

<a href="Products/List.aspx">Read more</a>

呈现如下

Read More (Products/List.aspx)

我想知道这可能是与

ADDED：的链接呈现正常，即不需要的URL部分正在生成客户端-侧。人们要求源代码，所以这里是（不相关的文本删除）：

ADDED: The link renders normally, i.e. the unwanted url part is being generated client-side. Folks have asked for source code, so here it is (irrelevant text removed):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="Styles/Blueprint/screen.css" rel="stylesheet" type="text/css" />
    <link href="Styles/Blueprint/print.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 8]><link rel="stylesheet" href="Styles/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
</head>
<body>
    <a href="Products/List.aspx">Read more</a>
</body>
</html>

解决：通过删除print.css建议包括，我能够解决这个例子和我的整个网站的问题。我仍然非常好奇为什么这个可敬的'print.css'是这样的。

SOLVED: By removing the 'print.css' sheet that all tutorials suggest including, I was able to solve the problem in this example and my whole site. I'm still very curious as to why the venerable 'print.css' is acting up like this.

推荐答案

在你的CSS中有这样的东西：

It's likely you have something like this in your CSS:

a:link:after { content:" (" attr(href) ") "; }

这将产生您描述的行为。

That will produce the behavior you describe.

通常，您只能在样式表的打印版本中使用此类样式。

Typically, you would only use this kind of style for the print version of your stylesheet.

这篇关于使用蓝图显示URL的超链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！