xhtml2pdf background-image没有缩放

时间:2017-01-20 10:56:06

标签: html css django pdf xhtml2pdf

我正在使用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属性不能正常工作,所以我该如何扩展它{{1}在background中,文档中有一个很好的test文件,但我发现它没有用,有人有这样的问题,你是怎么解决它的。

1 个答案:

答案 0 :(得分:0)

在解决了这个问题之后,我得出结论,这只会在Firefox上重现(我的版本是50.1.0),我在多台机器上尝试过相同的事情,就像背景偏离了A4 {{ 1}},Chrome,Microsoft Edge和其他浏览器都很好,它们不会重现这种错误。