2013-12-13 26 views
1
頁面時

用戶從菜單中的元素上點擊時從網站上打印當前頁面的機會:錯誤打印的CSS

<li> 
    <a href="#" onClick="window.print()"> 
    <i class="icon-print"></i> 
    Print Page 
    </a> 
</li> 

頁有一張桌子和每行中有一個按鈕(明顯地帶有內部鏈接以重定向到另一個頁面)。

的問題是,預覽頁面時,頁面上的那些鏈接明確出現這樣的:

image

也菜單(JavaScript)的也顯示...

能有什麼我需要解決這個問題嗎?

這是我print.css

.header { 
    display: none; 
} 

.page-sidebar { 
    display: none; 
} 

.color-panel { 
    display: none; 
} 

.hidden-print { 
    display: none; 
} 

.footer { 
    display: none; 
} 

.no-page-break { 
    page-break-after: avoid; 
} 

.page-container { 
    margin: 0px; 
    padding: 0px; 
} 

.page-content { 
    min-height: auto !important; 
} 

.breadcrumb { 
    display: none; 
} 
+1

在你的'print.css'中,加上'.options {display:none; }',假設你的「imprimir頁面」和其他選項在class'options'中,並且你有'print.css'。 –

+0

你有打印(媒體打印)的單獨的css文件嗎? – RononDex

+0

你說過這個頁面有一個表格,每一行都有一個按鈕(明顯的是一個內部鏈接可以重定向到另一頁面)。什麼是它的id/class?你基本上需要隱藏它。 –

回答

0

我一直在研究和發現,爲我想隱藏打印是列表時,下拉菜單,那我應該用這個:

.dropdown-menu li { 
display: none; 
} 

和hidding鏈接:

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

所以現在我明白了:)