2010-08-02 41 views
13

我想添加一個打印按鈕來讓用戶打印我的網頁。但是,當我打印所有的CSS樣式都丟失。看來打印機只保留基本的html元素。如果我也想打印出完全像在瀏覽器中一樣的頁面,我該怎麼辦?我的意思是,如果我使用彩色打印機,它會打印一個彩色頁面,其上帶有CSS樣式。當我使用黑白打印機時,應該將淺色打印爲白色和深色,如灰色或黑色。我怎樣才能打印一個網頁的所有CSS樣式附加到頁面?

回答

16

如果您的link元件上有media="screen",請嘗試將其移除或替換爲media="all"

+1

在我的情況下,根本沒有'media'屬性,但添加'media =「all」'工作。起初我瀏覽過這個答案,因爲我知道我的鏈接上沒有'media =「screen」'。 – Benjamin 2012-01-31 21:06:29

+2

media =「all」像魅力一樣工作。 – 2012-06-04 09:16:08

2

CSS樣式表有一個屬性media。它指定了這個CSS適用的媒體。列出可能的媒體類型here

<style type="text/css" media="all"> 
    @import "myCss.css"; 
</style> 

OR

<link rel="stylesheet" type="text/css" media="print" href="print.css"> 
3

看看thisthis,應該幫助。

基本上你需要添加一個css打印語句。

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" /> 
相關問題