我想用它来打印#section-to-print
:
@media print {
body * {
visibility: hidden;
}
#section-to-print, #section-to-print * {
visibility: visible;
}
#section-to-print {
position: absolute;
left: 0;
top: 0;
}
}
当屏幕上显示#section-to-print
时,如何对其进行扩展以隐藏它?换句话说,它仅在媒体打印时才可见。
答案 0 :(得分:1)
将其设置为visibility:hidden,然后@media print可以覆盖它。
#section-to-print, #section-to-print * {
visibility: hidden;
}
@media print {
body * {
visibility: hidden;
}
#section-to-print, #section-to-print * {
visibility: visible;
}
#section-to-print {
position: absolute;
left: 0;
top: 0;
}
}