Поля предварительного просмотра CSS для печати

Я пытаюсь установить размер полей на странице в Internet Explorer 11 для предварительного просмотра. Я также пытаюсь очистить поля любого контента (например, номера страниц, заголовки, URL-адреса и т. д.).

Мне удалось установить размер поля, но я не могу очистить содержимое. Вот мой код: Может ли кто-нибудь заметить, что я делаю неправильно? Как только это заработает для верхнего поля, я могу повторить исправление для остальных.

<!DOCTYPE HTML>
<html>
<head>
<title>Print Test</title>       

<style type="text/css">

@page {
    margin-top: 50mm;
    margin-bottom: 50mm;
    margin-left: 50mm;
    margin-right: 50mm;

    @top-left-corner {content: none}
    @top-left {content: none}
    @top-center {content: none}
    @top-right {content: none}
    @top-right-corner {content: none}    
}

</style>    
</head>
<body>
    <h1>Header Here</h1>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    </p>
</body>
</html>

html css printing margins printing-web-page
person Community    schedule 22.07.2014    source источник
comment
Итак, вы хотите, чтобы поля элементов html, body, h1 и p были равны 0, верно?   -  person Fabian Mebus    schedule 22.07.2014
comment
Нет: размеры полей в порядке. В режиме предварительного просмотра в Internet Explorer 11 я хочу удалить любое содержимое с полей. Другими словами, он не должен отображать страницу 1 из 1 или URL-адрес страницы.   -  person    schedule 22.07.2014

Ответы (1)


arrow_upward
0
arrow_downward

Единственное, что приходит на ум, это то, что спецификаторы :first, :blank, :left и :right имеют более высокий уровень специфичности, чем просто @page сам по себе.

Попробуйте это, чтобы переопределить их все:

@page, @page :first, @page :right, @page :left, @page :blank {
    @top-left-corner {content: none}
    @top-left {content: none}
    @top-center {content: none}
    @top-right {content: none}
    @top-right-corner {content: none}  
}

Обновление: большую часть времени я провожу рендеринг в PrinceXML. Я не подумал проверить поддержку браузера. Теперь я вижу, что они не поддерживаются в большинстве браузеров (см. Поддерживаются поля полей.)

person William Hertling    schedule 22.08.2014