Question

飞碟支持将图像放入CSS3 margin-boxes吗？

我试过像

这样的东西

@page {
    @top-left {
        content: url('/resources/media/image.png');
    }
}

但这似乎不起作用。有没有解决方案将图像放在我想要的位置？

Answer 1

您可以将图像设置为div的背景，并将div放在左上边距中。

以下是一个示例：

<html>
<head>
    <style>
    @page {
        @top-left {content: element(top-left)}
    }
    #div-top-left {
        position: running(top-left);
        height:50px;width:50px;
        background-image: url('http://upload.wikimedia.org/wikipedia/en/2/24/Lenna.png');
    }
    </style>
</head>
<body>
    <div id="div-top-left"></div>
</body>
</html>

内容：url（＆＃39; image.png＆＃39;）在飞碟@page @左上角

1 个答案: