IE 列印異常

Les Paul

最近接到個比較陌生的問題,客戶想要直接透過瀏覽器的列印功能,去印下系統頁面,當內容頁數超過一頁以上時,在 IE 的預覽列印只能顯示第一頁(當然也只會印第一頁),而其他瀏覽器則沒有這個問題。

問題

使用 IE 打開網頁時,若是網頁內容超過一頁以上,使用 IE 的列印功能,只能夠印出或預覽列印第一頁。

參考資料

如果內容長度超出一個頁面的標籤,其 style 有 position: absolute 時,就會出現這個狀況,所以可以算是 IE 對於 CSS 上面的 bug。

來源:Internet Explorer sometimes only prints the first page

解決方法

我的做法是用其他 position 取代 absolute,但是記得要 check 一下版型有沒有跑掉。

原為
1
2
3
4
5
6
7
8
9
10
<style>
#content {
position: absolute;
/* 其他 css */
}
</style>
<div id="content">
一狗票好幾頁的內容
</div>
改為
1
2
3
4
5
6
7
8
9
10
<style>
#content {
position: relative;
/* 其他 css */
}
</style>
<div id="content">
一狗票好幾頁的內容
</div>
Share Comments