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

前端之家收集整理的这篇文章主要介绍了html – 元素仅在打印页面上可见前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@
在打印页面上只显示一些元素的问题.
例如我有一个页面,用户可以看到打印预览(简单的 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也支持.

猜你在找的HTML相关文章