css - 在 Firefox 中打印字段集

Question

我一直在页眉中向现有元素添加一些新的 css(使用 media="print")。一切顺利，而且(这一次!)IE 给出了不错的预期结果，但 Firefox 没有...

问题是我有一个包含很多字段的字段集，而 Firefox 完全拒绝(即使在最新版本中)允许在字段集中进行分页。这意味着任何不适合一页的内容都会丢失...

我在已开放 3 年的 mozilla 网站上发现了已确认的错误 - https://bugzilla.mozilla.org/show_bug.cgi?id=471015 - 但找不到任何合理的解决方法...

在我删除字段集或类似内容之前有什么建议吗？

谢谢，戴夫

Answer 1

我的 FF 的 JQuery 解决方案:

<script type='text/javascript'>
    $(window).bind('beforeprint', function(){
        $('fieldset').each(
            function(item)
            {
                $(this).replaceWith($('<div class="fieldset">' + this.innerHTML + '</div>'));
            }
        )
    });
    $(window).bind('afterprint', function(){
        $('.fieldset').each(
            function(item)
            {
                $(this).replaceWith($('<fieldset>' + this.innerHTML + '</fieldset>'));
            }
        )
    });
</script>