小编zet*_*ars的帖子

在每个打印页面上重复水印?Javascript或CSS

所以,我有这个发票页面.我在页面后面添加了一个水印.我需要为每个要打印的页面重复水印.

问题是,我不知道会有多少页面.可以有任意数量的页面.

我需要在每个页面后面显示水印.

这些图片来自Google Chrome的打印模式.

第1页 第2页 第3页

这是页面的html.你不需要经历它.这里唯一的一点是,我知道有一个div出现两次.我在javascript中使用它来重复水印.

<div class="content-box pad25A" style="page-break-after: always;">
    <div class="row" style="min-height:1000px">
        <div class="col-md-12">
            <div class="row">
                <div class="col-xs-3">
                    <div class="row">
                        <img src="/Images/ProjectImages/Project-Logo.jpg" style="width:100px;height:100px" class="img-circle" />

                    </div>
                </div>
                <div class="col-xs-5">
                    <center>
                        <div class="row">
                            <div class="col-xs-12">
                                <div style="font-size:14px;font-weight:bold;">TIGER INCENSE</div>
                            </div>
                            <div class="col-xs-12">
                                <center>
                                    <div style="font-size:14px;font-weight:bold;">TigerIncenseRAATradersCompany@gmail.com</div>
                                </center>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xs-12">
                                <address style="font-size:14px;font-weight:bold" class="invoice-address">Pakistan</address>
                            </div>
                        </div>
                    </center>
                </div>
                <div class="col-xs-4 float-right text-right">
                    <h4 class="invoice-title">Invoice</h4>No. <b>#52462</b>
                    <div class="divider"></div>
                    <div class="invoice-date mrg20B" style="font-weight:500">23 April 2018</div>
                </div>
            </div>
            <div class="divider"></div>
            <div class="row"> …
Run Code Online (Sandbox Code Playgroud)

html javascript css

11
推荐指数
2
解决办法
2852
查看次数

标签 统计

css ×1

html ×1

javascript ×1