我在仅在打印页面上仅显示某些元素时遇到问题。 例如我有一个页面,用户可以在其中看到打印预览(简单的 javascript)。 在该打印页面上,我只显示了页面中的一些元素(不是全部),为此使用:
@media print {
.noPrint {
display:none;
}
}
现在,当我将 .noPrint 应用于元素时,它不会显示在打印页面中。 但是,如何在页面上创建例如 div,这将在“打印页面”上可见,但在常规页面上不可见。
这就足够了吗?大多数浏览器都支持吗?
@media screen, projection, tv {
.dontShowThis {
display:none
}
}
现在如果我想在打印页面而不是常规页面上显示元素,我会这样做
<div class="dontShowThis printIt">Some content goes here</div>
谢谢
最佳答案
我刚才做了类似的事情,我是这样做的:
@media screen
{
.noPrint{}
.noScreen{display:none;}
}
@media print
{
.noPrint{display:none;}
.noScreen{}
}
<div class="noScreen">Some content goes here</div>
据我所知,所有主流浏览器都支持它,甚至 IE8 也开始支持它。
关于html - 元素仅在打印页面上可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11116836/