Hyperlinks showing URL with Blueprint

2019-01-19 03:14发布

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

This hyperlink

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

Renders like this

Read More (Products/List.aspx)

I wonder if this might be related to one of the bundled plug-ins in Blueprint?

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>

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.

1条回答
太酷不给撩
2楼-- · 2019-01-19 03:46

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.

查看更多
登录 后发表回答