水印CSS不打印

工作，我有以下CSS，水印CSS不打印

#duplicateCopy { 
    -webkit-transform:rotate(-20deg); 
    -moz-transform:rotate(-20deg); 
    -o-transform:rotate(-20deg); 
    transform:rotate(-20deg); 
    color:#CCC; 
    font-weight:bold; 
    letter-spacing:5px; 
    position:absolute; 
    z-index:1000; 
    top:35%; 
    left:15%; 
    opacity:0.2; 
    filter:alpha(opacity=50); 
}

，並在我的HTML頁面下面的div

<div id="duplicateCopy"> 
<p style="font-size:70px">Duplicate Copy</p> 
</div>

用於顯示水位CSS的上述位html頁面。瀏覽器窗口中的水印工作正常。但是，當我正在打印出水印文本是不可見的。我怎樣才能讓水印文本可見的打印？

來源

2012-12-18 Hackableweb

請嘗試使用media="print"作爲此指定的CSS，或者僅將media='all'寫入一個單獨的文件，以便它也將在打印模式下生效。並確保您的瀏覽器支持CSS3。例如：

<link rel="stylesheet" type="text/css" media="all" src="css/style.css" />

，或者如果你喜歡一個單獨的樣式打印，只需使用：

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

，寫的CSS樣式到print.css文件。

來源

2012-12-18 09:46:19

我已將@media添加到該css中，例如 '@media all { #duplicateCopy { -webkit-transform：rotate（-20deg）; -moz-transform：rotate（-20deg）; -o-transform：rotate（-20deg）; transform：rotate（-20deg）; 顏色：#CCC; font-weight：bold; letter-spacing：5px; position：absolute; z-index：1000; top：35％; 剩餘：15％; 不透明度：0.2; filter：alpha（opacity = 50）; } }' 但是這不起作用...... – Hackableweb

而不是@ @media all' @tepkenvannkorn說，用@media print來嘗試。 – krish

它的工作朋友...謝謝... – Hackableweb

水印CSS不打印

回答

相關問題