这是问题的描述:对于初学者,我在screen
页面顶部的网页版本(媒体)上显示了一个背景徽标图像,跨越了页面的整个宽度(基本上是一个标头)。
然后我添加了一个打印样式表,并一直隐藏和显示某些部分,以优化用户及其打印机的体验。
但是,问题出在这里,我注意到在 IE 上,在打印预览的每一页中,当页面内容足以容纳总数中的一页以上时,徽标图像被添加到打印输出的每一页的顶部页数。因此,如果 3 页的内容足够,那么在所有这三页中,徽标图像都会出现在打印输出的每一页的顶部,而它应该只出现在第一页中。
我检查了我的 CSS,但找不到发生了什么。我没有包含定义背景图像的 CSS 类重复多次的部分。这只发生在 IE 上。不在 Chrome 和 Firefox 上。
这是 HTML 的摘录:
....
<body>
<div class="repeating-bg-img">
<div class="container">
...
<!-- /.inner content that is long enough for more than one page -->
...
</div><!-- /.container -->
</div><!-- /.repeating-bg-img -->
</body>
</html>
print.css
这是带有 media =的样式表中 CSS 的摘录print
:
.repeating-bg-img {
background: #ffffff url('../img/background-image.png') scroll repeat-x left top;
}
有没有人在 IE 上遇到过这种情况?如果是这样,你有解决这个问题的方法吗?