2014-09-10 4 views
5

Quando stampo la mia pagina, l'URL effettivo appare accanto a ogni tag di ancoraggio, che appare davvero strano nei collegamenti di breadcrumb o footer. Qual è il modo appropriato per disabilitare questo comportamento quando si utilizza Zurb Foundation 5? In alternativa, se c'è uno stile CSS che posso usare per sovrascrivere questo comportamento, sarebbe anche grandioso.Stili di stampa Zurb Foundation - Come disabilitare gli URL che appaiono accanto agli ancoraggi durante la stampa?

Si può vedere la descrizione del comportamento nella loro documentazione qui: http://foundation.zurb.com/docs/components/typography.html#print-styles

risposta

5

che è causato da elementi pseudo essere aggiunto a selettori di attributo; Probabilmente qualcosa di simile:

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";} 

Si può probabilmente ignorare questo reimpostando il contenuto dell'elemento pseudo.

Prova ad aggiungere quanto segue a un foglio di stile di stampa:

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;} 
+0

noti che è possibile anche essere più specifico se desideri solo nascondere gli URL da alcuni tasselli; ad esempio, '#footer a [href * ="/"]: dopo {contenuto: normale;}' – Todd

2

Nella componente Tipo di ZURB Foundation 5, gli URL non vengono visualizzate per le immagini o link interni JavaScript, o più precisamente by looking at the source reimposta il contenuto una stringa vuota.

.ir a:after, 
a[href^="javascript:"]:after, 
a[href^="#"]:after { 
    content: ""; 
} 

Così si potrebbe fare lo stesso per tutti i link

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

ps. La risposta di Todd è corretta :) –