如何使用@page块添加内容

时间:2014-08-06 10:38:34

标签: css css3

我尝试使用@page块向打印的网页添加内容。我已经看到了很多这方面的例子,但它似乎没有效果

使用下面的html我希望看到" Hello"当我进行打印预览时,在页面的左上角...任何人都可以告诉我为什么这不起作用?

<!DOCTYPE html>

<html>
    <head>

        <style type="text/css">
            @media print {
                @page {
                    size: 8.5in 11in;
                    margin: 0.5in;

                    @top-left {
                        content: "Hello";
                    }
                }
            }
        </style>

    </head>

    <body>

        <p>Page content</p>

    </body>

</html>

1 个答案:

答案 0 :(得分:0)

看起来这个功能可能用于工作......虽然我并不确定。互联网上有足够的例子表明它已被使用。

目前的规范不允许这种功能,所以我想那就是。

当前的工作草案确实支持通过页面块添加的内容,但它尚未进入规范,因此目前任何浏览器都不支持。