显示带蓝图的URL的超链接

时间:2010-11-23 16:37:31

标签: css blueprint-css

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

此超链接

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

像这样渲染

Read More (Products/List.aspx)

我想知道这是否与蓝图中的其中一个捆绑插件有关?

已添加:链接正常呈现,即不需要的网址部分是在客户端生成的。人们要求提供源代码,所以这里是(删除了不相关的文本):

<!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'就是这样表现的。

1 个答案:

答案 0 :(得分:12)

你的CSS可能会有这样的东西:

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

这将产生您描述的行为。

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