1

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

我尝试了类似的东西

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

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

4

1 回答 1

5

您可以将图像设置为 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>
于 2014-10-15T17:00:06.417 回答