css – 显示带蓝图的URL的超链接

前端之家收集整理的这篇文章主要介绍了css – 显示带蓝图的URL的超链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我今天刚刚将一个站点转换为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中有这样的东西:
a:link:after { content:" (" attr(href) ") "; }

这将产生您描述的行为.

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

猜你在找的CSS相关文章