В Firefox при печати страницы с якорными тегами расположение ссылки печатается после текста

например,

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

распечатает как...

Текст Здесь(../somepage/страница.аспн?qs=asdf)

в IE он выглядит нормально (не печатает url-адрес). Любые идеи, почему это действует таким образом?

14
anchor blueprint-css firefox href printing

7 ответов

экстраполируя из ответа Бретта, в Firefox 25 Этот стиль CSS удаляет оскорбительный href:

@media print {
    a:link:after,
    a:visited:after {
        content: "" !important;
    }
}
26

кроме того, если вы используете Twitter Bootstrap в качестве фреймворка, это:

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

... сделаем трюк! (по крайней мере в Bootstrap 3)

8

ответ был в структуре css, которую мы используем (Blueprint). В файле стилей была строка ниже:

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

думаю, это может помочь другим, кто использует Blueprint.

6

Если вы хотите быть более конкретным-скажем, удалить ссылки в таблице, то вы можете сделать следующее С помощью jQuery.

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

просто добавьте это на страницу макета (Главная страница)

a[href]:after {
        content: none !important;
    }
1

существует также семантическая причина для печати url-адреса рядом со ссылкой. Представьте, что вы печатаете документ без url-адреса. Вы не можете быть уверены, что полностью понимаете текст, как он подразумевается автором.

Это может быть необходимо для цитаты для печати, а также источник. Это важно, то есть для академических текстов.

действительно Bretts ответ является правильным.

0

вы можете полностью избежать этой проблемы на экране, включив атрибут media в ссылку "стиль печати" следующим образом

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