我想在 Firefox 浏览器的每个页面上显示带有文本和图像组合的水印。
我已经添加了水印图像,然后在一个 div 第一个图像中添加文本,然后在此文本之后出现。
这在 chrome 和 IE 中运行良好。
当我想在 Mozilla 中打印时,所有水印都出现在第一页而不是每一页上。
我知道css位置中的原因:绝对是导致问题的原因,但是如果我更改它,我必须应用什么css,那么它不会作为水印出现。
<div class="watermark">
<div><img src="/images/watermark_logo.png" /></div>
<div class="watermark_text">
printed from test site
by site
</div>
</div>
.watermark_text
{
width: 100%;
color: #d0d0d0;
font-size: 5.5em;
text-align: center;
margin: 0 auto;
z-index: 10000;
opacity: 0.2;
filter: alpha(opacity=15);
white-space: normal;
word-wrap: break-word !important;
overflow: visible;
}
.watermark
{
display:block;
z-index: 99999;
width: 86%;
position:absolute;
text-align:center!important;
}
.watermark img
{
opacity: 0.2;
filter: alpha(opacity=15);
}
谁能帮我?
提前致谢...