内容:飞碟@page @top-left中的url('image.png')

Kam*_*man 1 css image flying-saucer xhtmlrenderer

飞碟是否支持将图像放入 CSS3边距框中

我尝试过类似的东西

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

但这似乎不起作用。有什么解决方案可以将图像放在我想要的位置吗?

obo*_*ain 6

您可以将图像设置为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>
Run Code Online (Sandbox Code Playgroud)