ie8中的css分頁符iframe（iframe）

我有一個頁面，在其中放置了3個顯示其他3頁的iframe。所有內容都包裹在一個大的DIV元素中，每個iframe都包裹在它自己的DIV元素中。每個DIV之間，我把另一個DIV元素與下面的CSS代碼：ie8中的css分頁符iframe（iframe）

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

在Firefox（12版本在這種情況下，但我想這不是一個版本的問題），一切都因爲它應該是在打印整個頁面，但在IE8中，似乎分頁符CSS完全無法工作，並且頁面在打印時出現混亂。

我在這裏遇到了一個答案，這個分頁符在定位元素上不起作用，但在我的情況下，這個CSS代碼的元素是介於這兩個元素之間的DIV，正如我在這裏描述的和打印頁面內容的定位（相對/絕對，浮點數）僅在頁面的源代碼中完成，包含在iframe中而不是在主頁面中，所以我不確定這是我在這裏遇到的情況的原因。

爲了讓這個分頁符能在IE8上正常工作，我還需要做些什麼？

這是主要頁面的代碼：

<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>

來源

2012-05-15 TheCuBeMan

可以使用排除法啓動。爲每個div設置背景顏色並刪除其中的iframe元素。你還會遇到這個問題嗎？如果是這樣，它可能不是因爲iframes，所以專注於你的div。現在，這是一種猜測，但試着明確地設置你的div位置：relative。 –

@media查詢在IE8不支持，將其刪除。只需使用簡單的類

替換：

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

來源：

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

感謝

來源

2015-03-25 07:28:28

ie8中的css分頁符iframe（iframe）

回答

相關問題