Question

我有一个页面，其中放置3个iframe，其中显示其他3个页面。一切都包含在一个大的DIV元素中，每个iframe都包含在自己的DIV元素中。在每个DIV之间，我将另一个DIV元素与以下CSS代码放在一起：

@media print { .page-break {display:block; page-break-before:always;} }

在Firefox（在这种情况下版本12，但我想这不是版本问题），一切都是因为它应该是在打印整个页面，但在IE8中，似乎分页CSS不起作用所有和页面都在打印中搞砸了。

我在这里得到的答案是，这个分页符对定位元素不起作用，但在我的情况下，带有这个CSS代码的元素是介于两者之间的DIV，正如我在这里描述的那样以及打印页面内容的定位（ relative / absolute，float）只在页面的源代码中完成，包含在iframe中，而不是在主页面中，所以我不确定这是我遇到的情况的原因。

为了让这个分页符在IE8上正常工作，我该怎么做？

这是MAIN页面的代码：

<style>
@media print { .page-break {display:block; page-break-before:always;} }
</style>

<div align="left">
<div id="frame_gop" align="left" style="width:759px;height:980px;">
<iframe src="page1.html" width="759" height="980" frameborder="0" align="left"></iframe>
</div>
<div class="page_break"></div>
<div id="frame_report" align="left" style="width:759px;height:980px;">
<iframe src="page2.html" width="759" height="980" frameborder="0" align="left"></iframe>
</div>
<div class="page_break"></div>
<div id="frame_release" align="left" style="width:759px;height:980px;">
<iframe src="page3.html" width="759" height="980" frameborder="0" align="left"></iframe>
</div>
</div>

Answer 1

IE8中不支持@media查询，将其删除。只需使用简单的类

替换：

@media print { .page-break {display:block; page-break-before:always;} }

来自：

.page-break {display:block; page-break-before:always;}

由于

ie8（iframe）中的css分页符

1 个答案: