水印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不打印

回答

相关问题