在Firefox中,当打印带有锚定标记的页面时,链接位置在文本之后打印

在Firefox中,当打印带有锚定标记的页面时,链接位置在文本之后打印,firefox,printing,anchor,href,blueprint-css,Firefox,Printing,Anchor,Href,Blueprint Css,比如说, <a href="../somepage/page.aspx?qs=asdf">Text Here</a> 将打印为 此处的文本(../somepage/page.aspx?qs=asdf) 在IE中,它看起来很正常(不打印url)。你知道为什么会这样吗?答案是我们正在使用的css框架(蓝图)。样式文件中有以下行: a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%

比如说,

<a href="../somepage/page.aspx?qs=asdf">Text Here</a>

将打印为


此处的文本(../somepage/page.aspx?qs=asdf)



在IE中,它看起来很正常(不打印url)。你知道为什么会这样吗?

答案是我们正在使用的css框架(蓝图)。样式文件中有以下行:

a:link:after,a:visited:after{content:"(" attr(href) ")";font-size:90%}

我猜这可能对其他使用Blueprint的人有所帮助。

在链接旁边打印url也有语义上的原因。 假设您打印文档时没有url。你不能保证完全理解作者的意思

报价单也可能需要打印源代码。这一点很重要,即对于学术文本而言


的确,Bretts的答案是正确的。

您可以通过在打印样式链接中包含媒体属性,在屏幕上完全避免此问题,如下所示

<link href="../../Content/blueprint/print.css" rel="stylesheet" media="print" type="text/css" />

从Brett的答案推断,在Firefox25上,这种CSS样式删除了令人不快的href:

@媒体打印{
链接:之后,
a:参观过吗{
内容:重要;
}
}

此外,如果您使用Twitter引导作为框架,则:

a[href]:after{
    content:"";
}

。。。我会成功的!(至少在Bootstrap3中)

如果您想更具体一些,比如说删除表中的链接,那么可以使用jQuery执行以下操作

$(".tableclass tr td a").removeAttr("href");

只需将其添加到布局页面(母版页)


事实上它不。。。您使用的是什么ff版本?这发生在Firefox 26开箱即用上@SteveEynon的回答解决了这个问题(或者禁用了该功能)。当然浏览器本身必须有一些配置选项才能禁用它?我必须添加
!重要信息
否则它将无法工作。
a[href]:after {
        content: none !important;
    }