用css打印出分页| 分页-前:永远; 跨浏览器问题!

Question

我有关于打印分页的问题.你可以在下面看到我的代码.它没有为打印预览打破分页:(任何想法可能是什么问题？

感谢帮助!

---

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

---

SORTED!

我将pagebreak类移到了h1,同时html标签(h1)也不在任何其他html标签下:/它在<div id ="wrap">下,然后我删除了所有覆盖h1的标签,它运行良好现在!奇怪的!!

Answer 1

你的代码看起来很完美。它对我使用 Firefox 3.5.5 和 IE 8.0 非常有用。我敢打赌您正在不兼容 CSS2/3 的浏览器中测试它。更改您的浏览器，它会很好用。

此链接列出了 CSS3 功能的支持：http://www.webdevout.net/browser-support-css

（浏览器不支持的状态令人沮丧，不是吗？）