2

私は次の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 ページに透かしを表示するために使用されます。透かしはブラウザウィンドウで正常に機能しています。しかし、印刷物を取り出している間、透かしのテキストは表示されません。透かしテキストを印刷用に表示するにはどうすればよいですか?

4

1 に答える 1

3

media="print"この指定された CSS に対して使用するかmedia='all'、この CSS を別のファイルに記述して、印刷モードにも有効になるようにしてください。また、ブラウザが 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-18T09:46:19.500 に答える