除文本外还打印链接

时间:2011-06-29 15:44:00

标签: javascript css asp.net-mvc html

我遇到用户打印时打印链接位置的问题。有没有办法禁止打印位置?

例如,如果我有以下代码

<div id="link_row" class="headerbar"><a href="admin.aspx">Home</a>

它将打印Home(admin.aspx)

或其他链接Link1(javascript:Do_something())当我只想打印Link1

我能做些什么来避免这样的问题吗?

Print a website without printing the link locations?

我查看了上面的链接,但我无法在那里遵循解决方案。

谢谢,

Varun的

编辑:只是为了澄清所有使用IE 8或Firefox 3.6的用户都会出现这种情况。

1 个答案:

答案 0 :(得分:3)

asp.net-mvc includes a default print stylesheet。它使用CSS伪元素将href的值添加到可见的html中。 Css-Tricks has a good article 关于这个伎俩和其他人。

您应该在默认的打印样式表中找到CSS选择器(可能类似于“a [href]:after”),然后将相同的选择器添加到您自己的打印样式表中,并使其覆盖原始的,这可能需要使用!重要。

@media print {
  a[href]:after { content: ""; }
  }

,如果不起作用:

@media print {
  a[href]:after { content: "" !important; }
  }