6

印刷ページングについて問題があります。以下に私のコードを見ることができます。印刷プレビューのページ分割にはなりません:(何が問題になる可能性があるか考えてみてください。

感謝します！

HTMLコード

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

<h1>header text</h1>
<p>Lorem Ipsum jhdfb jdhbg sdfgshdbfgkjhsdbgkjhbs d sdgf</p>    
<div class="pagebreak"></div>

CSSコード

@media screen {
    .pagebreak  { height:10px; background:url(img/page-break.gif) 0 center repeat-x; border-top:1px dotted #999; margin-bottom:13px; }
}
@media print {
    .pagebreak { height:0; page-break-before:always; margin:0; border-top:none; }
}

ソート済み!!

ページブレーククラスをh1に移動しました。また、htmlタグ（h1）は他のhtmlタグの下にある必要はありません：/ <div id = "wrap">の下にあり、h1をカバーするすべてのタグを削除しました。これはうまく機能します。今！変！！

4

1 に答える 1

1

あなたのコードは完璧に見えます。Firefox 3.5.5 と IE 8.0 を使用している私にとってはうまく機能します。CSS2/3 に準拠していないブラウザーでテストしているに違いありません。ブラウザを変更すると、うまく機能します。

このリンクには、CSS3 機能のサポートがリストされています: http://www.webdevout.net/browser-support-css

（ブラウザ非対応の状態は悔しいですね。）

于 2009-12-01T12:47:11.897 に答える