Содержание: url('image.png') в летающей тарелке @page @top-left

Question

Содержание: url('image.png') в летающей тарелке @page @top-left

Летающая тарелка поддерживает размещение изображений в полях CSS3?

Я пробовал что-то вроде

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

но это не похоже на работу. Есть ли решение, чтобы поместить изображение, где я хочу?

1

image css3 flying-saucer xhtmlrenderer

Источник

user2144057 14 окт '14 в 21:35

1 ответ

Решение

Другие вопросы по тегам image css3 flying-saucer xhtmlrenderer

user1021720 15 окт '14 в 17:00 2014-10-15 17:00 · Accepted Answer · 2014-10-15 17:00

Вы можете установить изображение в качестве фона 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>