Header 打印时消失

Question

header 像 <?php include 'header.php'; ?> 一样使用 php 动态显示，它在打印期间消失。并且社交媒体图标也更改为 URL 而不是图像。

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

HTML 和 CSS 为 header:

<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>

Answer 1

很有可能您的 CSS 打印样式过于全球化；特别是形成你的锚点。您发布的 CSS 不包含打印 CSS。您是否包含任何第 3 方 CSS 文件？寻找 @media print a 的。您会看到它们可能包括 (href)

Header 打印时消失

Header disappear during print

html

css

php

printing