Kam*_*man 1 css image flying-saucer xhtmlrenderer
飞碟是否支持将图像放入 CSS3边距框中?
我尝试过类似的东西
@page {
@top-left {
content: url('/resources/media/image.png');
}
}
Run Code Online (Sandbox Code Playgroud)
但这似乎不起作用。有什么解决方案可以将图像放在我想要的位置吗?
您可以将图像设置为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)