Поля предварительного просмотра CSS
Я пытаюсь установить размер полей на странице в Internet Explorer 11 Print Preview. Я также пытаюсь очистить поля любого контента (например, номера страниц, заголовки, 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>
1 ответ
Единственное, что приходит на ум, это то, что спецификаторы: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. Я не думал проверять поддержку браузера. Теперь я вижу, что они не поддерживаются в большинстве браузеров (см. Поддержка полей полей).