原文鏈接:http://blog.csdn.net/wyaspnet/article/details/6436387
普通的Web打印,將會打印頁面中的全部內容,但在開發實際網站時,通常只需要打印頁面中指定的內容,為了解決該問題,可以應用CSS樣式對打印內容進行控制。運行本實例,單擊“打印”超級鏈接即可按用戶的設置進行打印。實例運行結果如圖11.14、圖11.15所示。
圖11.14 利用CSS樣式打印頁面中的指定內容
圖11.15 打印預覽效果
技巧:在進行Web打印時,可以通過以下操作控制是否打印背景顏色和圖像。在IE窗口中,選擇“工具”→“Internet選項”選項,在彈出的 “Internet選項”對話框中,選擇“高級”選項卡,在“設置”列表中設置“打印背景顏色和圖像”前面的復選框是否選中,如果選中,代表打印背景顏色 和圖像,否則不打印背景顏色和圖像。
技術要點
本實例主要應用了CSS樣式的media類型。下面進行詳細介紹。
media類型是CSS屬性媒體類型,用於直接引入媒體的屬性。其語法格式如下:
@media screen | print | projection | braille | aural | tv | handheld | all
參數說明
l screen:指計算機屏幕。
l print:指用於打印機的不透明介質。
l projection:指用於顯示的項目。
l braille:盲文系統,指有觸覺效果的印刷品。
l aural:指語音電子合成器。
l tv:電視類型的媒體。
l handheld:指手持式顯示設備。
l all:用於所有媒體。
實現過程
(1)編寫用於控制指定內容不打印的CSS樣式,代碼如下:
@media print{
div{display:none}
.bgnoprint{
background:display:none;
}
.noprint{
display:none
}
}
(2)為不需要打印的元素設置CSS樣式,關鍵代碼如下:
cellspacing="0">