网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容

使用浏览器默认的打印功能，头部固定的导航条每页都打印并且遮住了正文部分，解决办法，给头部导航条设置如下样式

<Header class="noprint" />
<style lang="less" scoped>.noprint{@media print {display : none}}
</style>

或者

<style type="text/css" media="print">  .noprint{display : none }
</style>

只有在打印的状态下，display : none 才起作用，隐藏头部导航条

网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容相关推荐

批量打印html文档,web页面的单页打印以及批量打印实现方法
打印事件:window.print() 1.单页打印(布局打印): function printCnt(){ //1.获取当前页的html代码 var body = window.document.b ...
表格长度_知道你的成绩单是怎么打印的吗？超长Excel表格1页打印，拯救A4纸
中小学的成绩单,红色的一张榜真实的魔鬼!每次都得瞄半小时才找得到自己的全部科目成绩,不知道是不是为了节省A4纸~ 到了大学我才知道A4纸的珍贵,字小算什么,打印论文恨不得双面打印.要是能八号字打印更好 ...
知道你的成绩单是怎么打印的吗？超长Excel表格1页打印，拯救A4纸
中小学的成绩单,红色的一张榜真实的魔鬼!每次都得瞄半小时才找得到自己的全部科目成绩,不知道是不是为了节省A4纸~ 到了大学我才知道A4纸的珍贵,字小算什么,打印论文恨不得双面打印.要是能八号字打印更好 ...
C# 多页打印简单实现
必要的类: using System.Drawing.Printing; 我的打印代码放在一个Button里: private void button1_Click(object sender, Ev ...
如何在XMind 7中多页打印
2019独角兽企业重金招聘Python工程师标准>>> 打印是一种不错的导图输出方式,XMind 7思维导图在原先的打印功能基础之上又新增了多页打印功能轻松将一个超大的思想导图打印成 ...
html打印预览出现重叠,html – 使用打印模式css打印网页时页眉和正文内容重叠...
我必须在每个页面打印带有自定义标题的网页, 下面是我的打印媒体CSS代码 @media screen { header.onlyprint, footer.onlyprint,.watermark{ ...
移动端网页fixed布局问题解决方案
问题说明移动端web的footer常常设计为fixed布局,但是在页面键盘被拉起时fixed的布局会出现问题,自己试了下,在较低版本ios和部分安卓机上会有此问题.具体问题看图示: <body ...
怎么把页面内容填满一页_Excel表格太宽，一张纸打印不下，两张纸又空太多！怎么办？...
在使用Excel打印表格的时候,经常会遇到这种情况,表格太宽,一张纸打印不下,两张纸空白太多,显得很浪费.有没有什么办法能够将这样的表格缩放到一张纸上面打印出来呢? 这里给大家分享几种比较常用的方法! ...
WEB打印-网页打印功能(带分页、可多页打印)
<html> <head> <title>Web打印</title> <meta http-equiv="Content-Type&qu ...

网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容

网页默认打印：fixed布局的内容会在每页打印，遮挡其他内容相关推荐

最新文章

热门文章