html – 元素仅在打印页面上可见

发布时间：2020-12-14 19:33:32 所属栏目：资源来源：网络整理

导读：在打印页面上只显示一些元素的问题. 例如我有一个页面,用户可以看到打印预览(简单的 javascript). 在那个打印页面上,我只显示页面中的一些元素(不是全部),使用它： @media print { .noPrint { display:none; }} 现在,当我将.noPrint应用于元素时,它不会显示

在打印页面上只显示一些元素的问题.
例如我有一个页面,用户可以看到打印预览(简单的 javascript).
在那个打印页面上,我只显示页面中的一些元素(不是全部),使用它：

@media print {
  .noPrint {
      display:none;
  }
}

现在,当我将.noPrint应用于元素时,它不会显示在打印页面中.
但是,如何在页面上创建例如div,在“打印页面”上可以允许,但不能在常规页面上创建.

这是否足够,并得到大多数浏览器的支持？

@media screen,projection,tv {


 .dontShowThis {
    display:none
  }
}

现在如果我想在打印页面上显示元素,但不是在常规页面上,我会这样做

<div class="dontShowThis printIt">Some content goes here</div>

TNX

解决方法

以前我做过类似的事情,这是怎么做到的：

@media screen
{
    .noPrint{}
    .noScreen{display:none;}
}

@media print
{
    .noPrint{display:none;}
    .noScreen{}
}

<div class="noScreen">Some content goes here</div>

所有主流浏览器都支持AFAIK,即使IE8也支持.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!