gpt4 book ai didi

html - 水印 CSS 在打印中不起作用

转载 作者:行者123 更新时间:2023-11-27 22:35:47 24 4
gpt4 key购买 nike

我有以下 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 页面中显示水印。水印在浏览器窗口中运行良好。但是当我打印出来时,水印文本是不可见的。如何使水印文本在打印时可见?

最佳答案

尝试将 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文件。

关于html - 水印 CSS 在打印中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13930062/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com