我想从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/