打印时页眉消失

标题正在使用php动态显示，如<?php include 'header.php'; ?>，它在打印过程中消失。而且社交媒体图标也变成了url而不是图片。

找不到可行的解决方案。请提出一些解决方案。

header的HTML和CSS:

<nav class="navbar navbar-inverse" role="navigation">
   <div>
      <ul class="nav navbar-nav" >
          <li><a href="">Add</a></li>
          <li><a href="">Edit</a></li>
          <li><a href="">Search</a></li>
          <li><a href="" target="_blank">List</a></li>
          <li><a href="" target="_blank">Pdf</a></li>
      </ul>
   </div>
</nav>
<style>
    .navbar{
        font-family:"Myriad Pro";
        background-color:#333;
        color:white;
        font-size:16px;
        text-align: center ;
        width:100% !important;
        z-index: 10;

    }
    .navbar-nav{
        width: auto !important;
        }
    .navbar-inverse .navbar-nav>li>a{
        color:white;
        }
    .navbar-inverse .navbar-nav>li:hover{
        background-color:#000;
        color:black;
        }
        .nav > li {
        display:inline-block !important 
        }
    </style>