我想从Firefox打印一些内容。我已经有HTML页面<div id="printContent"></div>内部,默认情况下该页面是隐藏的。使用css我在打印时显示此div并注入内容

@media print {
    #printContent{
        display:block;
    }
}


但是在打印预览中,我得到了其他页面div,而不仅仅是这个#printContent。我应该怎么做才能在firefox打印预览上仅获取#printContent

最佳答案

使用display:none在媒体选择器中隐藏其他内容-我建议您将#printContent div设为body的子代,然后

@media print {
    body>* {
        display:none !important;
    }
    body>div#printContent{
        display:block !important;
    }
}


编辑:添加了!重要-根据其他CSS,您可能需要!important

关于javascript - 在打印中显示特定div的内容,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31269779/

10-09 08:33
查看更多