html - 打印时用文本替换 HTML 对象

Question

我有下面的行来显示和内联 PDF

<div id="pdf"><object data="foo.pdf" type="application/pdf">
</object></div>

效果很好，但是当打印页面时，我想用文本替换 PDF。

有没有简单的方法可以做到这一点？

Answer 1

更多关于评论；

你可以有另一个 div 是display:none

并仅在媒体类型为打印并隐藏 pdf 的 div 时才显示它。

@media print {
     #pdf{
        display:none;
     }
     #txt{
        display:inline;
     }
}

这是小提琴http://jsfiddle.net/btevfik/SQ9Pv/