显示带有蓝图的 URL 的超链接答案

【问题标题】：Hyperlinks showing URL with Blueprint显示带有蓝图的 URL 的超链接
【发布时间】：2011-05-14 14:12:15
【问题描述】：

我今天刚刚将一个网站转换为 Blueprint CSS，突然间我所有的超链接都在括号中显示了它们的 URL，例如

这个超链接

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

这样渲染

Read More (Products/List.aspx)

我想知道这是否与 Blueprint 中捆绑的插件之一有关？

添加：链接正常呈现，即不需要的 url 部分正在客户端生成。人们已经要求提供源代码，所以在这里（不相关的文本已删除）：

<!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'会这样。

【问题讨论】：

极不可能与蓝图有关，即 css 无法以这种方式添加字符。
仅供参考：您只需提供源代码即可为我们节省大量时间。
@meder，我无法提供与此有关的任何源代码。虽然我之前的示例是基于数据的，但硬编码的标签也是如此，正如我的新示例中所反映的那样。
请在浏览器中显示生成的源代码。另外，blueprint 会带来任何 Javascript 模块吗？这可能是一个基于 Javascript 的扩展，将 href 添加到可见文本
@ProfK - 如果不向我们展示页面代码，向我们展示超链接几乎毫无用处。也就是说，除非 Cleo 女士在 Stackoverflow 上。

标签： css blueprint-css

【解决方案1】：

您的 CSS 中可能有这样的内容：

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

这将产生你描述的行为。

通常，您只会将这种样式用于样式表的打印版本。

【讨论】：

谢谢。那可能是 print.css 表中的内容；当我把它拿出来时，问题就解决了。
<link> 的 print.css 应设置为 media="print" .. 您发布的 HTML 显示它默认为 media="screen"，这将使所有这些“仅用于打印” " 应用于浏览器显示的样式。
谢谢@jnpcl。我什至从未看过媒体属性，因为我一直都是纯粹为屏幕编写代码，即 Intranet LOB 应用程序。
@ProfK：如果您希望用户打印一个页面，最好提供一个print.css 以删除不必要的颜色/背景/等。
@jnpcl，为什么不将您的答案作为答案发布，以便我接受？