我正在使用xhtml2pdf库生成pdf,而我对背景图片有一种奇怪的情况。

显示了图像,但它不适合@page,它的设置如下

    @page {
        size: {% block page_size %}A4 {% endblock %};
                        background: url("{% static 'folder/background.png' %}") no-repeat center center fixed;
                        @frame content_farme {
                            margin-top: 70pt;
                            margin-bottom: 60pt;
                            margin-left: 30pt;
                            margin-right: 30pt;
                            @bottom-right {
                                font-size: 10px;
              margin: 40pt -10pt 0 0;
                    {% block page_foot_extra_styles %}{% endblock %}
                    content: {% block page_foot %}"Page " counter(page) " of " counter(pages){% endblock %};
            }
            @top-left {
                font-size: 10px;
                font-weight: bold;
            {% block page_header_extra_styles %}{% endblock %}
                content: {% block page_head %}{% endblock %};
            }
                        }
        }


我希望将其放置在我的@page中,我已经尝试了所有方法,因为我了解标准的css属性无法正常工作,因此如何在background中缩放此xhtml2pdf文档中的test文件,但我没有发现它有用,有人遇到了此类问题,以及您是如何解决的。

最佳答案

解决此问题后,我得出的结论是,此操作仅在Firefox(我的版本是50.1.0)上可以重现,我在多台计算机上尝试了相同的操作,就像背景偏离A4 @page,Chrome ,Microsoft Edge和其他浏览器都很好,它们不会重现这种错误。

08-25 02:55