Question

我写了一些简单的CSS规则来防止页面的某些部分被打印我的div id="ad-pages-right-sidebar"附加了以下CSS：

@media print
{
    #ad-pages-right-sidebar
    {
        display:none;
    }

}

问题是，在Firefox中使用“打印到PDF”功能时，div仍然可以在打印页面上看到，但仅当我设置要以横向模式打印的页面时。

这仅在Firefox中发生，仅在横向模式下发生。

知道问题是什么吗？

Answer 1

您是否在横向模式下检查元素以查看是否覆盖了任何css？

另外，插入样式表仅用于打印：

<link rel="stylesheet" href="/path/print.css" media="print" />

然后使用CSS隐藏该样式表中的div，看看是否有效。

#ad-pages-right-sidebar
{
    display:none;
}

使用单独的样式表或内联代码来处理打印（按正确的顺序）可以防止大量的覆盖错误。